From 171ea44f273c74b18410a2b7cf942475709cbc68 Mon Sep 17 00:00:00 2001
From: gukai <1522776404@qq.com>
Date: Sat, 27 Apr 2024 10:41:57 +0800
Subject: [PATCH] 1

---
 components/yUpload/index.vue |   18 +-
 mall/goods/edit.vue          | 1105 +++++++++++++++++++---------------
 mall/setup/index.vue         |  327 ++++++----
 package-lock.json            |  241 +++++++-
 package.json                 |    3 +-
 5 files changed, 1074 insertions(+), 620 deletions(-)

diff --git a/components/yUpload/index.vue b/components/yUpload/index.vue
index 87830e4..76c289c 100644
--- a/components/yUpload/index.vue
+++ b/components/yUpload/index.vue
@@ -3,15 +3,19 @@
 		<view v-if="props.modelValue && props.modelValue.length" @click="open(true)" class="flex gap-2 overflow-x-auto">
 			<view class=" border-gray-100 border-solid flex rounded-[14px] relative"
 				v-for="img of (Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue])" :key="img">
-				<wd-img mode="aspectFill" radius="10" :width="100" :height="100" :src="img" />
+				<wd-img mode="aspectFill" radius="10" :width="width" :height="height" :src="img" />
 			</view>
 		</view>
 
 		<view v-else @click="open(true)" class="flex gap-2 overflow-x-auto">
-			<view style="width: 100px;height: 100px;"
+			<view
+				:style="{
+					width: width + 'px',
+					height: height + 'px',
+				}"
 				class=" border-gray-100 border-solid flex rounded-[14px] relative  flex-col items-center justify-center">
 				<wd-icon name="image" size="28px"></wd-icon>
-				<view class="mt-2 font-bold text-[12px]">请选择</view>
+				<view class="mt-2 font-bold text-[12px]" v-if="height > 70">请选择</view>
 			</view>
 		</view>
 
@@ -126,6 +130,14 @@ const props = defineProps({
 		type: Number,
 		default: 1
 	},
+	width: {
+		type: Number,
+		default: 100
+	},
+	height: {
+		type: Number,
+		default: 100
+	},
 })
 
 const LArr = ref([])
diff --git a/mall/goods/edit.vue b/mall/goods/edit.vue
index 2b3a6b0..2bcd537 100644
--- a/mall/goods/edit.vue
+++ b/mall/goods/edit.vue
@@ -1,494 +1,623 @@
 <template>
-  <view v-if="load" class="content p-2 bg-gray-100">
-    <wd-toast />
-    <wd-form ref="form" :model="model">
-      <wd-cell-group border>
-
-        <div class="rounded-md overflow-hidden">
-          <div class="bg-gray-100 ">
-            <div class="bg-gray-100 rounded mb-2">
-              <div class="bg-white flex flex-col pt-3 pl-3">
-                <div class="name mb-2 text-xs">缩略图</div>
-                <yUpload v-model="model.pic_url"></yUpload>
-              </div>
-            </div>
-          </div>
-
-          <div class="bg-gray-100">
-            <div class="bg-gray-100 rounded mb-2">
-              <div class="bg-white flex flex-col pt-3 pl-3">
-                <div class="name mb-2 text-xs">商品主图</div>
-                <yUpload v-model="model.pic_list" :size="4"></yUpload>
-              </div>
-            </div>
-          </div>
-        </div>
-
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class=" p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">商品名称</div>
-          <view class="bg-white px-3 py-1 rounded">
-            <wd-textarea v-model="model.name" auto-height />
-          </view>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class="p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">商城分类</div>
-          <view class="bg-white px-3 py-1 rounded">
-            <wd-checkbox-group v-model="model.classify_list">
-
-              <view class="flex overflow-auto flex-wrap">
-                <div class="grid grid-cols-3">
-                  <wd-checkbox style="width: 100%;" shape="button" v-for="cat of classifySList"
-                    :modelValue="JSON.stringify(cat.parentIds)">
-                    {{ cat.name }}
-                  </wd-checkbox>
-                </div>
-              </view>
-
-            </wd-checkbox-group>
-
-          </view>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-        <view class=" p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">商品分类</div>
-          <view class="bg-white px-3 py-1 rounded">
-            <wd-checkbox-group v-model="model.shop_classify_list">
-
-              <view class="flex overflow-auto flex-wrap">
-                <div class="grid grid-cols-3">
-                  <wd-checkbox style="width: 100%;" shape="button" v-for="cat of classifyList"
-                    :modelValue="JSON.stringify(cat.parentIds)">
-                    {{ cat.name }}
-                  </wd-checkbox>
-                </div>
-              </view>
-
-            </wd-checkbox-group>
-
-          </view>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class="bg-gray-100  rounded mb-2">
-          <div class="p-2 bg-white">
-            <div class="name mb-2 text-xs">服务内容</div>
-            <view class="bg-white px-3 py-1 rounded">
-              <wd-input type="text" v-model="model.server_project" placeholder="例子: 正品保障,极速发货,7天退换货。多个请使用英文逗号“,”分隔" />
-            </view>
-          </div>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class=" p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">商品重量</div>
-          <view class="bg-white px-3 py-2 rounded flex items-center mb-4">
-            <wd-input-number v-model="model.weight" />
-            <view class="text-xs from-neutral-300 ml-4">千克</view>
-          </view>
-
-          <wd-picker v-if="freightRules.length" class="w-full" :columns="freightRules" label="运费模板"
-            v-model="model.freight_id" />
-
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class="p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">商品状态</div>
-          <view class="bg-white px-3 py-2 rounded flex items-center">
-            <wd-switch v-model="model.status" :active-value="1" :inactive-value="0" />
-          </view>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <view class="p-3 rounded mb-2">
-          <div class="name mb-2 text-xs">规格</div>
-          <view class="bg-white px-3 py-2 rounded flex items-center">
-            <wd-radio-group shape="button" v-model="model.use_sku">
-              <wd-radio :value="0">单规格</wd-radio>
-              <wd-radio :value="1">多规格</wd-radio>
-            </wd-radio-group>
-          </view>
-        </view>
-
-        <view class="h-2 bg-gray-100"></view>
-
-        <skuEdit ref="skuEditRef" :skuGroup="skuGroup"
-          :Pdata="{ skuDefault, skuLibrary, skuGroup, use_sku: model.use_sku }">
-        </skuEdit>
-
-      </wd-cell-group>
-      <view class="footer mt-4">
-        <wd-button @click="saveGoods" type="primary" size="large" block>保存</wd-button>
-      </view>
-    </wd-form>
-  </view>
+	<view v-if="load" class="content p-2 bg-gray-100">
+		<wd-toast />
+		<wd-form ref="form" :model="model">
+			<wd-cell-group border>
+
+				<div class="rounded-md overflow-hidden">
+					<div class="bg-gray-100 ">
+						<div class="bg-gray-100 rounded mb-2">
+							<div class="bg-white flex flex-col pt-3 pl-3">
+								<div class="name mb-2 text-xs">缩略图</div>
+								<yUpload v-model="model.pic_url"></yUpload>
+							</div>
+						</div>
+					</div>
+
+					<div class="bg-gray-100">
+						<div class="bg-gray-100 rounded mb-2">
+							<div class="bg-white flex flex-col pt-3 pl-3">
+								<div class="name mb-2 text-xs">商品主图</div>
+								<yUpload v-model="model.pic_list" :size="4"></yUpload>
+							</div>
+						</div>
+					</div>
+				</div>
+
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class=" p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">商品名称</div>
+					<view class="bg-white px-3 py-1 rounded">
+						<wd-textarea v-model="model.name" auto-height />
+					</view>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class="p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">商城分类</div>
+					<view class="bg-white px-3 py-1 rounded">
+						<wd-checkbox-group v-model="model.classify_list">
+
+							<view class="flex overflow-auto flex-wrap">
+								<div class="grid grid-cols-3">
+									<wd-checkbox style="width: 100%;" shape="button" v-for="cat of classifySList"
+										:modelValue="JSON.stringify(cat.parentIds)">
+										{{ cat.name }}
+									</wd-checkbox>
+								</div>
+							</view>
+
+						</wd-checkbox-group>
+
+					</view>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+				<view class=" p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">商品分类</div>
+					<view class="bg-white px-3 py-1 rounded">
+						<wd-checkbox-group v-model="model.shop_classify_list">
+
+							<view class="flex overflow-auto flex-wrap">
+								<div class="grid grid-cols-3">
+									<wd-checkbox style="width: 100%;" shape="button" v-for="cat of classifyList"
+										:modelValue="JSON.stringify(cat.parentIds)">
+										{{ cat.name }}
+									</wd-checkbox>
+								</div>
+							</view>
+
+						</wd-checkbox-group>
+
+					</view>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class="bg-gray-100  rounded mb-2">
+					<div class="p-2 bg-white">
+						<div class="name mb-2 text-xs">服务内容</div>
+						<view class="bg-white px-3 py-1 rounded">
+							<wd-input type="text" v-model="model.server_project"
+								placeholder="例子: 正品保障,极速发货,7天退换货。多个请使用英文逗号“,”分隔" />
+						</view>
+					</div>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class=" p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">商品重量</div>
+					<view class="bg-white px-3 py-2 rounded flex items-center mb-4">
+						<wd-input-number v-model="model.weight" />
+						<view class="text-xs from-neutral-300 ml-4">千克</view>
+					</view>
+
+					<wd-picker v-if="freightRules.length" class="w-full" :columns="freightRules" label="运费模板"
+						v-model="model.freight_id" />
+
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class="p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">商品状态</div>
+					<view class="bg-white px-3 py-2 rounded flex items-center">
+						<wd-switch v-model="model.status" :active-value="1" :inactive-value="0" />
+					</view>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<view class="p-3 rounded mb-2">
+					<div class="name mb-2 text-xs">规格</div>
+					<view class="bg-white px-3 py-2 rounded flex items-center">
+						<wd-radio-group shape="button" v-model="model.use_sku">
+							<wd-radio :value="0">单规格</wd-radio>
+							<wd-radio :value="1">多规格</wd-radio>
+						</wd-radio-group>
+					</view>
+				</view>
+
+				<view class="h-2 bg-gray-100"></view>
+
+				<skuEdit ref="skuEditRef" :skuGroup="skuGroup"
+					:Pdata="{ skuDefault, skuLibrary, skuGroup, use_sku: model.use_sku }">
+				</skuEdit>
+				
+				<view class="h-2 bg-gray-100"></view>
+				<view>
+					<view style="font-size: 36rpx;border-bottom: 1rpx solid #F0F0F0;display: flex;flex-wrap: wrap;align-items: center;">
+						<view
+						:style="{
+							margin: '20rpx',
+							fontWeight: formats.bold ? '800' : '400'
+						}"
+						@click="format('bold', (formats.bold ? false : true))">加粗</view>
+						<view
+						:style="{
+							margin: '20rpx',
+							fontWeight: formats.italic ? '800' : '400'
+						}"
+						@click="format('italic', (formats.italic ? false : true))">斜体</view>
+						<view
+						:style="{
+							margin: '20rpx',
+							fontWeight: formats.underline ? '800' : '400'
+						}"
+						@click="format('underline', (formats.underline ? false : true))">下划线</view>
+						<view
+						:style="{
+							margin: '20rpx',
+							fontWeight: formats.align == 'center' ? '800' : '400'
+						}"
+						@click="format('align', (formats.align == 'center' ? 'left' : 'center'))">居中</view>
+						
+						<view style="margin: 20rpx;" >
+							<yUpload :width="40" :height="40" v-model="editor_upload" :size="4"></yUpload>
+						</view>
+						
+					</view>
+					<view style="padding: 10px;">
+						<editor style="min-height: 70vh;" id="editor" class="ql-container"
+						placeholder="开始输入..." show-img-size show-img-toolbar
+						@statuschange="onStatusChange"
+						show-img-resize :read-only="false" @ready="onEditorReady">
+						</editor>
+					</view>
+				</view>
+				
+
+			</wd-cell-group>
+			<view class="footer mt-4">
+				<wd-button @click="saveGoods" type="primary" size="large" block>保存</wd-button>
+			</view>
+		</wd-form>
+		
+	</view>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { useToast, useMessage } from '@/uni_modules/wot-design-uni';
-import goods from '@/api/mall/goods.js';
-import system from '@/api/modules/system.js';
-import skuEdit from "./components/skuEdit.vue";
-import yUpload from "@/components/yUpload/index.vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
-
-/**
- * @typedef {import('@/api/mall/goods').GoodsItem} GoodsItem
- */
-
-/**
- * @typedef {import('@/api/mall/goods').FreightRule} FreightRule
- */
-
-/**
- * @typedef {Object} Sku
- * @property {string} price - 商品价格
- * @property {string} stock - 商品库存
- * @property {string} original_price - 商品原价
- */
-
-/**
- * @typedef {Object} Model
- * @property {number} id - 商品ID
- * @property {Array<string>} shop_classify_list - 商品分类组
- * @property {string} name - 商品名称
- * @property {string} keywords - 商品关键词
- * @property {number} sort - 商品排序
- * @property {number} status - 商品状态
- * @property {number} freight_id - 运费规则ID
- * @property {number} weight - 商品重量
- * @property {string} pic_url - 商品缩略图
- * @property {Array<string>} pic_list - 商品图组
- * @property {string} video - 商品视频
- * @property {string} detail - 图文详情
- * @property {number} use_sku - 是否使用规格
- * @property {Array<Sku>} sku_list - 规格信息
- * @property {number} is_discount - 是否有折扣
- * @property {number} discount - 折扣比例（小数）
- * @property {number} dist_price - 分销价格
- * @property {number} limit - 限购
- * @property {number} is_check - 自定义核销佣金
- * @property {number} check_type - 佣金类型
- * @property {number} check_price - 佣金
- */
-
-/**
- * @typedef {Object} FileItem
- * @property {string} pic_url - 图片URL
- */
-
-/**
- * @typedef {Object} SkuGroup
- * @property {Array<Sku>} skuDefault - 默认规格
- * @property {Array<Sku>} skuLibrary - 规格库
- * @property {Array<Sku>} skuGroup - 规格组
- */
-
-/**
- * @typedef {Object} SkuEditRef
- * @property {SkuGroup} skuGroup - 规格组
- * @property {number} skuDefault - 默认规格
- * @property {number} skuLibrary - 规格库
- */
-
-/** @type {Ref<Array<FileItem>>} */
-const fileList = ref([]);
-
-/**
- * @param {Object} param0
- * @param {FileItem} param0.file - 要删除的文件
- * @param {Function} param0.resolve - 删除文件的回调函数
- * @param {number} param0.index - 文件索引
- * @returns {void}
- */
-const beforeRemove = ({ file, resolve, index }) => {
-  fileList.value.splice(index, 1);
-  resolve(true);
-};
-
-/** @type {Ref<Model>} */
-const model = ref({
-  classify_list: [], // 商品分类组
-  shop_classify_list: [], // 商品分类组
-  name: "", // 商品名称
-  keywords: "", // 商品关键词
-  sort: 1000,
-  status: 0, // 商品状态
-  freight_id: 99999999, //运费规则
-  weight: 0, // 商品重量
-  pic_url: "", // 商品缩略图
-  pic_list: [], // 商品图组
-  video: "", // 商品视频
-  detail: "默认", // 图文详情
-  use_sku: 0, // 是否使用规格
-  sku_list: [], // 规格信息
-  is_discount: 0, // 是否有折扣
-  discount: 50, // 折扣比例（小数）
-  dist_price: 0, // 分销价格
-  limit: 0, // 限购
-  is_check: 0, // 自定义核销佣金
-  check_type: 0, // 佣金类型
-  check_price: 0, // 佣金
-});
-
-/** @type {Ref<boolean>} */
-const load = ref(false);
-
-/** @type {Ref<SkuGroup>} */
-const skuGroup = ref([]);
-/** @type {Ref<Array<GoodsItem>>} */
-const skuDefault = ref([]);
-/** @type {Ref<Array<GoodsItem>>} */
-const skuLibrary = ref([]);
-
-/** @type {Ref<SkuEditRef>} */
-const skuEditRef = ref(null);
-
-/** @type {Ref<Array<FreightRule>>} */
-const freightRules = ref([{
-  label: "默认",
-  value: "99999999"
-}]);
-
-onLoad(async (e) => {
-  model.value.id = e.id;
-
-  /**
-   * 获取运费规则
-   * @returns {void}
-   */
-  const GetfreightRules = () => {
-    goods.freightRules().then(res => {
-      freightRules.value = [
-        ...freightRules.value,
-        ...res.data.rows.map(item => {
-          return {
-            label: item.name,
-            value: item.id
-          };
-        })
-      ];
-    });
-  };
-
-  GetfreightRules();
-
-  if (e.id > 0) {
-    const res = await goods.goodsItem({
-      id: e.id
-    });
-
-    model.value = res.data;
-    model.value.pic_list = res.data.pic_list.map(({ pic_url }) => pic_url);
-
-    if (!model.value.freight_id) {
-      model.value.freight_id = 99999999;
-    }
-    model.value.shop_classify_list = model.value.shop_classify_list?.map(item => JSON.stringify(item));
-    model.value.classify_list = model.value.classify_list?.map(item => JSON.stringify(item));
-
-    model.value.classify_list = model.value.classify_list || []
-
-    if (res.data.use_sku == 0) {
-      skuDefault.value = res.data.goods_sku;
-    } else {
-      skuLibrary.value = res.data.goods_sku;
-    }
-    skuGroup.value = res.data.sku_group ? res.data.sku_group : [];
-    load.value = true;
-  } else {
-    load.value = true;
-  }
-});
-
-/**
- * 保存商品信息
- * @returns {Promise<void>}
- */
-const saveGoods = async () => {
-  // 判断商品分类是否为空
-  if (model.value.shop_classify_list.length === 0) {
-    return uni.showToast({
-      title: '请选择商品分类!',
-      icon: 'none'
-    });
-  }
-
-  // 判断商品名称是否为空
-  if (model.value.name.trim() === "") {
-    return uni.showToast({
-      title: '请输入商品名称!',
-      icon: 'none'
-    });
-  }
-
-  // 判断商品重量是否为非负数
-  if (model.value.weight < 0) {
-    return uni.showToast({
-      title: '请输入合法的商品重量!',
-      icon: 'none'
-    });
-  }
-
-  // 判断商品缩略图是否为空
-  if (String(model.value.pic_url).trim() === "") {
-    return uni.showToast({
-      title: '请上传商品缩略图!',
-      icon: 'none'
-    });
-  }
-
-  // 判断商品图组是否为空
-  if (model.value.pic_list.length === 0) {
-    return uni.showToast({
-      title: '请上传商品图片组!',
-      icon: 'none'
-    });
-  }
-
-  model.value.sku_group = [];
-  model.value.sku_list = [];
-  model.value.dist_price = Number.parseInt(model.value.dist_price);
-
-  if (model.value.use_sku == 1) {
-    model.value.sku_group = skuEditRef.value.skuGroup;
-    model.value.sku_list = skuEditRef.value.skuLibrary;
-  } else {
-    model.value.sku_list = skuEditRef.value.skuDefault;
-  }
-
-  if (!model.value.sku_list.length) {
-    uni.showToast({
-      title: '规格不完整，请调整!',
-      icon: 'none'
-    });
-  }
-
-  if (!model.value.sku_list.every(item => Boolean(item.price !== "" && item.stock !== "" && item.original_price !== ""))) {
-    uni.showToast({
-      title: '规格不完整，请调整!',
-      icon: 'none'
-    });
-
-    return;
-  }
-
-  let freight_id = model.value.freight_id;
-  if (freight_id = 99999999) {
-    freight_id = 0;
-  }
-
-  const pic_list = model.value.pic_list.map(item => ({
-    pic_url: item
-  }));
-
-  const shop_classify_list = model.value.shop_classify_list.map(item => JSON.parse(item));
-  const classify_list = model.value.classify_list.map(item => JSON.parse(item));
-
-  const res = await goods.goodsEdit({ ...model.value, pic_list, freight_id, shop_classify_list, classify_list });
-
-  if (res.code == 0) {
-    uni.showToast({
-      title: '商品信息保存成功!',
-      icon: 'success'
-    });
-
-    uni.navigateBack();
-  }
-};
-
-/** @type {Ref<Array<Object>>} */
-const classifyList = ref([]);
-
-/**
- * 获取商品分类
- * @returns {void}
- */
-const getClassify = () => {
-  /**
-   * 递归展平商品分类
-   * @param {Array<GoodsItem>} categories - 商品分类数组
-   * @param {Array<number>} [parentIds=[]] - 父级分类ID数组
-   * @returns {Array<Object>} - 展平后的商品分类数组
-   */
-  function flattenCategories(categories, parentIds = []) {
-    let flatCategories = [];
-
-    for (const category of categories) {
-      const categoryWithParents = {
-        ...category,
-        parentIds: [...parentIds, category.id],
-      };
-
-      flatCategories.push(categoryWithParents);
-
-      if (category.children && category.children.length > 0) {
-        flatCategories = flatCategories.concat(flattenCategories(category.children, [...parentIds, category.id]));
-      }
-    }
-
-    return flatCategories;
-  }
-
-  goods.classify.list().then(res => {
-    classifyList.value = flattenCategories(res.data);
-  });
-};
-
-getClassify();
-
-/** @type {Ref<Array<Object>>} */
-const classifySList = ref([]);
-
-/**
- * 获取商品分类
- * @returns {void}
- */
-const getSClassify = () => {
-  /**
-   * 递归展平商品分类
-   * @param {Array<GoodsItem>} categories - 商品分类数组
-   * @param {Array<number>} [parentIds=[]] - 父级分类ID数组
-   * @returns {Array<Object>} - 展平后的商品分类数组
-   */
-  function flattenCategories(categories, parentIds = []) {
-    let flatCategories = [];
-
-    for (const category of categories) {
-      const categoryWithParents = {
-        ...category,
-        parentIds: [...parentIds, category.id],
-      };
-
-      flatCategories.push(categoryWithParents);
-
-      if (category.children && category.children.length > 0) {
-        flatCategories = flatCategories.concat(flattenCategories(category.children, [...parentIds, category.id]));
-      }
-    }
-
-    return flatCategories;
-  }
-
-  goods.classify.Slist().then(res => {
-    classifySList.value = flattenCategories(res.data);
-  });
-};
-
-getSClassify();
-
+	import quill from "quill";
+	window.Quill = quill;
+	
+	import {
+		ref,
+		watch
+	} from 'vue';
+	import {
+		useToast,
+		useMessage
+	} from '@/uni_modules/wot-design-uni';
+	import goods from '@/api/mall/goods.js';
+	import system from '@/api/modules/system.js';
+	import skuEdit from "./components/skuEdit.vue";
+	import yUpload from "@/components/yUpload/index.vue";
+	import {
+		onLoad,
+		onShow
+	} from "@dcloudio/uni-app";
+
+	/**
+	 * @typedef {import('@/api/mall/goods').GoodsItem} GoodsItem
+	 */
+
+	/**
+	 * @typedef {import('@/api/mall/goods').FreightRule} FreightRule
+	 */
+
+	/**
+	 * @typedef {Object} Sku
+	 * @property {string} price - 商品价格
+	 * @property {string} stock - 商品库存
+	 * @property {string} original_price - 商品原价
+	 */
+
+	/**
+	 * @typedef {Object} Model
+	 * @property {number} id - 商品ID
+	 * @property {Array<string>} shop_classify_list - 商品分类组
+	 * @property {string} name - 商品名称
+	 * @property {string} keywords - 商品关键词
+	 * @property {number} sort - 商品排序
+	 * @property {number} status - 商品状态
+	 * @property {number} freight_id - 运费规则ID
+	 * @property {number} weight - 商品重量
+	 * @property {string} pic_url - 商品缩略图
+	 * @property {Array<string>} pic_list - 商品图组
+	 * @property {string} video - 商品视频
+	 * @property {string} detail - 图文详情
+	 * @property {number} use_sku - 是否使用规格
+	 * @property {Array<Sku>} sku_list - 规格信息
+	 * @property {number} is_discount - 是否有折扣
+	 * @property {number} discount - 折扣比例（小数）
+	 * @property {number} dist_price - 分销价格
+	 * @property {number} limit - 限购
+	 * @property {number} is_check - 自定义核销佣金
+	 * @property {number} check_type - 佣金类型
+	 * @property {number} check_price - 佣金
+	 */
+
+	/**
+	 * @typedef {Object} FileItem
+	 * @property {string} pic_url - 图片URL
+	 */
+
+	/**
+	 * @typedef {Object} SkuGroup
+	 * @property {Array<Sku>} skuDefault - 默认规格
+	 * @property {Array<Sku>} skuLibrary - 规格库
+	 * @property {Array<Sku>} skuGroup - 规格组
+	 */
+
+	/**
+	 * @typedef {Object} SkuEditRef
+	 * @property {SkuGroup} skuGroup - 规格组
+	 * @property {number} skuDefault - 默认规格
+	 * @property {number} skuLibrary - 规格库
+	 */
+
+	/** @type {Ref<Array<FileItem>>} */
+	const fileList = ref([]);
+
+	/**
+	 * @param {Object} param0
+	 * @param {FileItem} param0.file - 要删除的文件
+	 * @param {Function} param0.resolve - 删除文件的回调函数
+	 * @param {number} param0.index - 文件索引
+	 * @returns {void}
+	 */
+	const beforeRemove = ({
+		file,
+		resolve,
+		index
+	}) => {
+		fileList.value.splice(index, 1);
+		resolve(true);
+	};
+	
+	const editorCtx = ref(null);
+	const onEditorReady = () => {
+		// #ifdef MP-BAIDU
+		editorCtx.value = requireDynamicLib('editorLib').createEditorContext('editor');
+		// #endif
+	
+		// #ifdef APP-PLUS || MP-WEIXIN || H5
+		uni.createSelectorQuery().select('#editor').context((res) => {
+			editorCtx.value = res.context
+		}).exec()
+		// #endif
+	}
+	const formats = ref({});
+	const onStatusChange = (e) => {
+		formats.value = e.detail
+	}
+	
+	const format = (name, value) => {
+		editorCtx.value.format(name, value)
+	}
+	
+	const editor_upload = ref([]);
+	watch(editor_upload, (newX) => {
+		if (newX && newX.length > 0) {
+			newX.forEach(item => {
+				editorCtx.value.insertImage({
+					src: item,
+					alt: '图像',
+					success: function() {
+						console.log('insert image success')
+					}
+				})
+			})
+			
+			editor_upload.value = []
+		}
+	  // console.log(newX, `newX is`)
+	})
+
+	/** @type {Ref<Model>} */
+	const model = ref({
+		classify_list: [], // 商品分类组
+		shop_classify_list: [], // 商品分类组
+		name: "", // 商品名称
+		keywords: "", // 商品关键词
+		sort: 1000,
+		status: 0, // 商品状态
+		freight_id: 99999999, //运费规则
+		weight: 0, // 商品重量
+		pic_url: "", // 商品缩略图
+		pic_list: [], // 商品图组
+		video: "", // 商品视频
+		detail: "默认", // 图文详情
+		use_sku: 0, // 是否使用规格
+		sku_list: [], // 规格信息
+		is_discount: 0, // 是否有折扣
+		discount: 50, // 折扣比例（小数）
+		dist_price: 0, // 分销价格
+		limit: 0, // 限购
+		is_check: 0, // 自定义核销佣金
+		check_type: 0, // 佣金类型
+		check_price: 0, // 佣金
+	});
+
+	/** @type {Ref<boolean>} */
+	const load = ref(false);
+
+	/** @type {Ref<SkuGroup>} */
+	const skuGroup = ref([]);
+	/** @type {Ref<Array<GoodsItem>>} */
+	const skuDefault = ref([]);
+	/** @type {Ref<Array<GoodsItem>>} */
+	const skuLibrary = ref([]);
+
+	/** @type {Ref<SkuEditRef>} */
+	const skuEditRef = ref(null);
+
+	/** @type {Ref<Array<FreightRule>>} */
+	const freightRules = ref([{
+		label: "默认",
+		value: "99999999"
+	}]);
+
+	onLoad(async (e) => {
+		model.value.id = e.id;
+
+		/**
+		 * 获取运费规则
+		 * @returns {void}
+		 */
+		const GetfreightRules = () => {
+			goods.freightRules().then(res => {
+				freightRules.value = [
+					...freightRules.value,
+					...res.data.rows.map(item => {
+						return {
+							label: item.name,
+							value: item.id
+						};
+					})
+				];
+			});
+		};
+
+		GetfreightRules();
+
+		if (e.id > 0) {
+			const res = await goods.goodsItem({
+				id: e.id
+			});
+
+			model.value = res.data;
+			model.value.pic_list = res.data.pic_list.map(({
+				pic_url
+			}) => pic_url);
+
+			if (!model.value.freight_id) {
+				model.value.freight_id = 99999999;
+			}
+			model.value.shop_classify_list = model.value.shop_classify_list?.map(item => JSON.stringify(item));
+			model.value.classify_list = model.value.classify_list?.map(item => JSON.stringify(item));
+
+			model.value.classify_list = model.value.classify_list || []
+
+			if (res.data.use_sku == 0) {
+				skuDefault.value = res.data.goods_sku;
+			} else {
+				skuLibrary.value = res.data.goods_sku;
+			}
+			skuGroup.value = res.data.sku_group ? res.data.sku_group : [];
+			
+			setTimeout(() => {
+				editorCtx.value.setContents({
+					html: res.data.detail
+				})
+			}, 1000)
+			
+			load.value = true;
+		} else {
+			load.value = true;
+		}
+	});
+
+	/**
+	 * 保存商品信息
+	 * @returns {Promise<void>}
+	 */
+	const saveGoods = async () => {
+		// 判断商品分类是否为空
+		if (model.value.shop_classify_list.length === 0) {
+			return uni.showToast({
+				title: '请选择商品分类!',
+				icon: 'none'
+			});
+		}
+
+		// 判断商品名称是否为空
+		if (model.value.name.trim() === "") {
+			return uni.showToast({
+				title: '请输入商品名称!',
+				icon: 'none'
+			});
+		}
+
+		// 判断商品重量是否为非负数
+		if (model.value.weight < 0) {
+			return uni.showToast({
+				title: '请输入合法的商品重量!',
+				icon: 'none'
+			});
+		}
+
+		// 判断商品缩略图是否为空
+		if (String(model.value.pic_url).trim() === "") {
+			return uni.showToast({
+				title: '请上传商品缩略图!',
+				icon: 'none'
+			});
+		}
+
+		// 判断商品图组是否为空
+		if (model.value.pic_list.length === 0) {
+			return uni.showToast({
+				title: '请上传商品图片组!',
+				icon: 'none'
+			});
+		}
+
+		model.value.sku_group = [];
+		model.value.sku_list = [];
+		model.value.dist_price = Number.parseInt(model.value.dist_price);
+
+		if (model.value.use_sku == 1) {
+			model.value.sku_group = skuEditRef.value.skuGroup;
+			model.value.sku_list = skuEditRef.value.skuLibrary;
+		} else {
+			model.value.sku_list = skuEditRef.value.skuDefault;
+		}
+
+		if (!model.value.sku_list.length) {
+			uni.showToast({
+				title: '规格不完整，请调整!',
+				icon: 'none'
+			});
+		}
+
+		if (!model.value.sku_list.every(item => Boolean(item.price !== "" && item.stock !== "" && item
+				.original_price !== ""))) {
+			uni.showToast({
+				title: '规格不完整，请调整!',
+				icon: 'none'
+			});
+
+			return;
+		}
+
+		let freight_id = model.value.freight_id;
+		if (freight_id = 99999999) {
+			freight_id = 0;
+		}
+
+		const pic_list = model.value.pic_list.map(item => ({
+			pic_url: item
+		}));
+
+		const shop_classify_list = model.value.shop_classify_list.map(item => JSON.parse(item));
+		const classify_list = model.value.classify_list.map(item => JSON.parse(item));
+		
+		let detail = ''
+		await editorCtx.value.getContents({
+			success(res) {
+				detail = res.html
+			}
+		})
+
+		const res = await goods.goodsEdit({
+			...model.value,
+			pic_list,
+			freight_id,
+			shop_classify_list,
+			classify_list,
+			detail
+		});
+
+		if (res.code == 0) {
+			uni.showToast({
+				title: '商品信息保存成功!',
+				icon: 'success'
+			});
+
+			uni.navigateBack();
+		}
+	};
+
+	/** @type {Ref<Array<Object>>} */
+	const classifyList = ref([]);
+
+	/**
+	 * 获取商品分类
+	 * @returns {void}
+	 */
+	const getClassify = () => {
+		/**
+		 * 递归展平商品分类
+		 * @param {Array<GoodsItem>} categories - 商品分类数组
+		 * @param {Array<number>} [parentIds=[]] - 父级分类ID数组
+		 * @returns {Array<Object>} - 展平后的商品分类数组
+		 */
+		function flattenCategories(categories, parentIds = []) {
+			let flatCategories = [];
+
+			for (const category of categories) {
+				const categoryWithParents = {
+					...category,
+					parentIds: [...parentIds, category.id],
+				};
+
+				flatCategories.push(categoryWithParents);
+
+				if (category.children && category.children.length > 0) {
+					flatCategories = flatCategories.concat(flattenCategories(category.children, [...parentIds, category
+						.id
+					]));
+				}
+			}
+
+			return flatCategories;
+		}
+
+		goods.classify.list().then(res => {
+			classifyList.value = flattenCategories(res.data);
+		});
+	};
+
+	getClassify();
+
+	/** @type {Ref<Array<Object>>} */
+	const classifySList = ref([]);
+
+	/**
+	 * 获取商品分类
+	 * @returns {void}
+	 */
+	const getSClassify = () => {
+		/**
+		 * 递归展平商品分类
+		 * @param {Array<GoodsItem>} categories - 商品分类数组
+		 * @param {Array<number>} [parentIds=[]] - 父级分类ID数组
+		 * @returns {Array<Object>} - 展平后的商品分类数组
+		 */
+		function flattenCategories(categories, parentIds = []) {
+			let flatCategories = [];
+
+			for (const category of categories) {
+				const categoryWithParents = {
+					...category,
+					parentIds: [...parentIds, category.id],
+				};
+
+				flatCategories.push(categoryWithParents);
+
+				if (category.children && category.children.length > 0) {
+					flatCategories = flatCategories.concat(flattenCategories(category.children, [...parentIds, category
+						.id
+					]));
+				}
+			}
+
+			return flatCategories;
+		}
+
+		goods.classify.Slist().then(res => {
+			classifySList.value = flattenCategories(res.data);
+		});
+	};
+
+	getSClassify();
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+	// @import "./editor-icon.css";
+</style>
\ No newline at end of file
diff --git a/mall/setup/index.vue b/mall/setup/index.vue
index f6e31f5..aa98356 100644
--- a/mall/setup/index.vue
+++ b/mall/setup/index.vue
@@ -42,9 +42,21 @@
 					</uni-data-picker>
 				</view>
 			</wd-cell-group>
+			
+			
 
 			<wd-input label="详细地址" label-width="100px" v-model="shopData.detail" use-suffix-slot>
 			</wd-input>
+			
+			<!-- 地址信息 -->
+			<wd-cell-group class="flex py-2 w-full" title="经纬度">
+				<view class="ml-3" style="display: flex;align-items: center;">
+					{{ shopData.latlngCurrent }}
+					<view>
+						<wd-button @click="getLoa">定位</wd-button>
+					</view>
+				</view>
+			</wd-cell-group>
 
 			<!-- 其他信息 -->
 			<wd-cell-group title="其他信息" border>
@@ -92,138 +104,203 @@
 </template>
 
 <script>
-import { ref } from 'vue';
-import yUpload from "@/components/yUpload/index.vue";
-import uniDataPicker from "@/components/uni-data-picker/components/uni-data-picker/uni-data-picker.vue";
-import system from '@/api/modules/system.js';
-import index from '@/api/mall/index.js';
-import kevyloading from "@/components/kevy-loading/kevy-loading";
-import utils from '@/utils/utils.js'
-import shop from '@/api/store/shop.js';
-
-
-/**
- * 从本地存储中获取用户信息
- */
-const user_info = uni.getStorageSync("user_info");
-
-export default {
-	components: {
-		yUpload, uniDataPicker, kevyloading
-	},
-	data() {
-		return {
-			utils,
-			user_info,
-			// 表单数据
-			shopData: {
-				name: '',
-				logo_url: '',
-				mobile: '',
-				district: null,
-				latlngCurrent: '',
-				pay_time: '',
-				confirm_time: '',
-				sale_time: '',
-				pay_type: [],
-				delivery_type: [],
-				after_sale_name: '',
-				after_sale_phone: '',
-				after_sale_address: '',
-				ali_express_app_code: '',
-				zhangyou_device_name: '',
-			},
-			shippingOptions: [
-				{ label: "邮寄", value: 1 },
-				{ label: "自提", value: 2 },
-			],
-			// 表单验证规则
-			formRules: {
-				name: [{ required: true, message: "请输入门店名称", trigger: "blur" }],
-				// 在这里添加其他字段的验证规则
-			},
-			// 地区选择器的数据
-			addrList: [
-				// 在这里添加省市区的数据
-			],
-			loading: false
-		};
-	},
-	onLoad(e) {
-		this.getDistrict();
-		this.getShopSetting();
-	},
-	methods: {
-		/**
-		 * 获取省市区数据
-		 */
-		async getDistrict() {
-			const res = await system.getDistrict();
-			this.addrList = res.data;
+	import {
+		ref
+	} from 'vue';
+	import yUpload from "@/components/yUpload/index.vue";
+	import uniDataPicker from "@/components/uni-data-picker/components/uni-data-picker/uni-data-picker.vue";
+	import system from '@/api/modules/system.js';
+	import index from '@/api/mall/index.js';
+	import kevyloading from "@/components/kevy-loading/kevy-loading";
+	import utils from '@/utils/utils.js'
+	import shop from '@/api/store/shop.js';
+
+
+	/**
+	 * 从本地存储中获取用户信息
+	 */
+	const user_info = uni.getStorageSync("user_info");
+
+	export default {
+		components: {
+			yUpload,
+			uniDataPicker,
+			kevyloading
 		},
-
-		/**
-		 * 获取门店设置
-		 */
-		async getShopSetting() {
-			this.loading = true;
-			const res = await index.getShopSetting();
-
-			if (res.data.id) {
-				this.shopData = res.data;
-			}
-			this.loading = false;
+		data() {
+			return {
+				utils,
+				user_info,
+				// 表单数据
+				shopData: {
+					name: '',
+					logo_url: '',
+					mobile: '',
+					district: null,
+					latlngCurrent: '',
+					pay_time: '',
+					confirm_time: '',
+					sale_time: '',
+					pay_type: [],
+					delivery_type: [],
+					after_sale_name: '',
+					after_sale_phone: '',
+					after_sale_address: '',
+					ali_express_app_code: '',
+					zhangyou_device_name: '',
+				},
+				shippingOptions: [{
+						label: "邮寄",
+						value: 1
+					},
+					{
+						label: "自提",
+						value: 2
+					},
+				],
+				// 表单验证规则
+				formRules: {
+					name: [{
+						required: true,
+						message: "请输入门店名称",
+						trigger: "blur"
+					}],
+					// 在这里添加其他字段的验证规则
+				},
+				// 地区选择器的数据
+				addrList: [
+					// 在这里添加省市区的数据
+				],
+				loading: false
+			};
 		},
-
-		/**
-		 * 处理省市区选择变化
-		 * @param {Object} value - 选择的值
-		 */
-		areaChange(value) {
-			// 处理省市区选择变化的逻辑
+		onLoad(e) {
+			this.getDistrict();
+			this.getShopSetting();
 		},
+		methods: {
+			/**
+			 * 获取省市区数据
+			 */
+			async getDistrict() {
+				const res = await system.getDistrict();
+				this.addrList = res.data;
+			},
 
-		/**
-		 * 处理省市区选择
-		 * @param {Object} detail - 选择器详细信息
-		 */
-		select({ detail }) {
-			if (detail.value.length) {
-				const [province_id, city_id, district_id] = detail.value.map(
-					(el) => el.value
-				);
-
-				this.shopData.province_id = province_id;
-				this.shopData.city_id = city_id;
-				this.shopData.district_id = district_id;
-				this.shopData.district = [province_id, city_id, district_id];
-			}
-		},
+			/**
+			 * 获取门店设置
+			 */
+			async getShopSetting() {
+				this.loading = true;
+				const res = await index.getShopSetting();
+
+				if (res.data.id) {
+					this.shopData = res.data;
+				}
+				this.loading = false;
+			},
 
-		/**
-		 * 处理表单提交
-		 */
-		async handleSubmit() {
-			// 处理表单提交的逻辑
-			const res = await shop.edit({
-				...this.shopData
-			});
-
-			if (res.code == 0) {
-				setTimeout(() => {
-					uni.showToast({
-						title: '保存成功!',
-						icon: 'success'
+			/**
+			 * 处理省市区选择变化
+			 * @param {Object} value - 选择的值
+			 */
+			areaChange(value) {
+				// 处理省市区选择变化的逻辑
+			},
+
+			/**
+			 * 处理省市区选择
+			 * @param {Object} detail - 选择器详细信息
+			 */
+			select({
+				detail
+			}) {
+				if (detail.value.length) {
+					const [province_id, city_id, district_id] = detail.value.map(
+						(el) => el.value
+					);
+
+					this.shopData.province_id = province_id;
+					this.shopData.city_id = city_id;
+					this.shopData.district_id = district_id;
+					this.shopData.district = [province_id, city_id, district_id];
+				}
+			},
+
+			getLoa() {
+				let that = this
+				
+				uni.getLocation({
+					type: 'wgs84',
+					success: function (res) {
+						console.log('当前位置的经度：' + res.longitude);
+						console.log('当前位置的纬度：' + res.latitude);
+						
+						that.shopData.latitude = res.latitude;
+						that.shopData.longitude = res.longitude;
+						
+						that.shopData.latlngCurrent = res.latitude + ',' + res.longitude;
+						
+					},
+					fail() {
+						uni.showToast({
+							icon: 'none',
+							title: '定位失败'
+						})
+					}
+				});
+				
+				return
+				
+				if (navigator.geolocation) {
+					navigator.geolocation.getCurrentPosition(function(position) {
+						that.shopData.latitude = position.coords.latitude;
+						that.shopData.longitude = position.coords.longitude;
+
+						that.shopData.latlngCurrent = position.coords.latitude + ',' + position.coords.longitude;
+						console.log(position)
+						// 在这里处理获取到的经纬度
+					}, function(error) {
+						// 处理获取经纬度失败的情况
+						console.log(error)
+						uni.showToast({
+							icon: 'none',
+							title: '定位失败'
+						})
 					});
-				}, 100);
-				uni.navigateBack()
-			}
-		},
-	},
-};
+				} else {
+					// 浏览器不支持 Geolocation 接口
+					console.log('浏览器不支持 Geolocation 接口')
+					uni.showToast({
+						icon: 'none',
+						title: '当前浏览器不支持定位'
+					})
+				}
+			},
 
+			/**
+			 * 处理表单提交
+			 */
+			async handleSubmit() {
+				// 处理表单提交的逻辑
+				const res = await shop.edit({
+					...this.shopData
+				});
+
+				if (res.code == 0) {
+					setTimeout(() => {
+						uni.showToast({
+							title: '保存成功!',
+							icon: 'success'
+						});
+					}, 100);
+					uni.navigateBack()
+				}
+			},
+		},
+	};
 </script>
 
 <style>
-/* 在这里添加样式，根据需要自定义表单样式 */
-</style>
+	/* 在这里添加样式，根据需要自定义表单样式 */
+</style>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 8ca2f8f..65dac29 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -322,6 +322,18 @@
         "update-browserslist-db": "^1.0.13"
       }
     },
+    "call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "requires": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      }
+    },
     "camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -398,6 +410,11 @@
         }
       }
     },
+    "clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w=="
+    },
     "color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -445,6 +462,39 @@
         "ms": "2.1.2"
       }
     },
+    "deep-equal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz",
+      "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==",
+      "requires": {
+        "is-arguments": "^1.1.1",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.5.1"
+      }
+    },
+    "define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "requires": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      }
+    },
+    "define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -481,6 +531,19 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
+    "es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "requires": {
+        "get-intrinsic": "^1.2.4"
+      }
+    },
+    "es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="
+    },
     "escalade": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
@@ -493,6 +556,21 @@
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true
     },
+    "eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "fast-diff": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig=="
+    },
     "fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
@@ -561,8 +639,24 @@
     "function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
+    },
+    "get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "requires": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      }
     },
     "glob": {
       "version": "10.3.10",
@@ -592,21 +686,68 @@
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
       "dev": true
     },
+    "gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "requires": {
+        "get-intrinsic": "^1.1.3"
+      }
+    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
       "dev": true
     },
+    "has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "requires": {
+        "es-define-property": "^1.0.0"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q=="
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
+    },
+    "has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "requires": {
+        "has-symbols": "^1.0.3"
+      }
+    },
     "hasown": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.1.tgz",
       "integrity": "sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.2"
       }
     },
+    "html5-qrcode": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
+      "integrity": "sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ=="
+    },
+    "is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
     "is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -625,6 +766,14 @@
         "hasown": "^2.0.0"
       }
     },
+    "is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -652,6 +801,15 @@
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true
     },
+    "is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
     "isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -810,6 +968,25 @@
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
       "dev": true
     },
+    "object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "requires": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      }
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
+    },
+    "parchment": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg=="
+    },
     "path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -942,6 +1119,29 @@
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
       "dev": true
     },
+    "quill": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+      "requires": {
+        "clone": "^2.1.1",
+        "deep-equal": "^1.0.1",
+        "eventemitter3": "^2.0.3",
+        "extend": "^3.0.2",
+        "parchment": "^1.1.4",
+        "quill-delta": "^3.6.2"
+      }
+    },
+    "quill-delta": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+      "requires": {
+        "deep-equal": "^1.0.1",
+        "extend": "^3.0.2",
+        "fast-diff": "1.1.2"
+      }
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -960,6 +1160,17 @@
         "picomatch": "^2.2.1"
       }
     },
+    "regexp.prototype.flags": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+      "requires": {
+        "call-bind": "^1.0.6",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.1"
+      }
+    },
     "resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -1006,6 +1217,30 @@
         }
       }
     },
+    "set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
+    "set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "requires": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      }
+    },
     "shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/package.json b/package.json
index 2c470f8..80a2ce1 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "html5-qrcode": "^2.3.8",
-    "js-md5": "^0.8.3"
+    "js-md5": "^0.8.3",
+    "quill": "^1.3.7"
   }
 }