@vipl520/dk-ui 1.0.2 → 1.0.3

package/es/packages/dk-ui/src/box-size-input/src/box-size-input.vue2.mjs

@@ -12,7 +12,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
-    const el = ref(null);
+    const el = ref();
     const { width } = useElementSize(el);
     const positions = reactive({
       all: "",
@@ -194,7 +194,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           withDirectives(createElementVNode(
             "div",
             {
-              class: normalizeClass(unref(width) < 500 ? "" : "flex")
+              class: normalizeClass(unref(width).value < 500 ? "" : "flex")
             },
             [
               (openBlock(true), createElementBlock(
@@ -219,7 +219,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    unref(width) > 600 || unref(width) < 500 ? {
+                    unref(width).value > 600 || unref(width).value < 500 ? {
                       name: "prefix",
                       fn: withCtx(() => [
                         createElementVNode("span", {

package/es/packages/dk-ui/src/box-size-input/src/box-size-input.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"box-size-input.vue2.mjs","sources":["../../../../../../src/box-size-input/src/box-size-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkBoxSizeInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-box-size-input\">\n    <div v-show=\"!isMerge\" :class=\"width < 500 ? '' : 'flex'\">\n      <el-input\n        v-for=\"(item, key) in inputList\"\n        :key=\"key\"\n        v-model=\"positions[item.position]\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit[item.position] == 'auto'\"\n      >\n        <template v-if=\"width > 600 || width < 500\" #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown(item.position, $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <el-tooltip\n              :hide-after=\"0\"\n              class=\"item\"\n              effect=\"dark\"\n              :content=\"item.name\"\n              placement=\"top-start\"\n              :disabled=\"disabledTooltip\"\n            >\n              <dk-icon :icon=\"item.icon\" />\n            </el-tooltip>\n          </span>\n        </template>\n        <template #append>\n          <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\">\n          </el-select-v2>\n        </template>\n      </el-input>\n    </div>\n    <div v-show=\"isMerge\">\n      <el-input\n        v-model=\"positions.all\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit.all === 'auto'\"\n        :clearable=\"props.clearable\"\n      >\n        <template #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown('all', $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <dk-icon icon=\"Rank\"></dk-icon>\n          </span>\n        </template>\n        <template #append>\n          <el-select-v2 v-model=\"unit.all\" :options=\"options\"> </el-select-v2>\n        </template>\n      </el-input>\n    </div>\n    <div v-if=\"props.showMerge\" class=\"dk-full\" @click=\"isMerge = !isMerge\">\n      <el-tooltip\n        class=\"item\"\n        effect=\"dark\"\n        :content=\"isMerge ? '独立配置' : '批量配置'\"\n        placement=\"top\"\n        :hide-after=\"0\"\n      >\n        <el-button v-if=\"isMerge\">\n          <dk-icon\n            icon=\"streamline:interface-layout-border-horizontal-border-cell-center-format-formatting\"\n          ></dk-icon>\n        </el-button>\n        <el-button v-else>\n          <dk-icon\n            icon=\"streamline:interface-layout-border-full-grid-layout-layouts-module\"\n          ></dk-icon>\n        </el-button>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { boxSizeInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\n\nconst props = defineProps(boxSizeInputProps)\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n// First, second, third, fourth\nconst positions: any = reactive({\n  all: '',\n  // 一般用于padding、margin、border\n  first: '',\n  second: '',\n  third: '',\n  fourth: '',\n  // 一般用于radius\n})\n\nconst unit: any = reactive({\n  all: 'px',\n  first: 'rem',\n  second: 'px',\n  third: 'px',\n  fourth: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'rm', 'vh', 'auto']\nconst position = ref('')\nconst isMerge = ref(props.defaultIsMerge)\nconst isDragging = ref(false)\nconst startX = ref(0)\nconst disabledTooltip = ref(false)\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\n\nconst options = computed(() => {\n  return units.map((item) => {\n    return {\n      label: item,\n      value: item,\n    }\n  })\n})\n\nconst inputList = computed(() => {\n  let list: any[]\n  if (props.type === 'radius') {\n    list = [\n      {\n        position: 'first',\n        name: '左上',\n        icon: 'ant-design:radius-upleft-outlined',\n      },\n      {\n        position: 'second',\n        name: '右上',\n        icon: 'ant-design:radius-upright-outlined',\n      },\n      {\n        position: 'fourth',\n        name: '左下',\n        icon: 'ant-design:radius-bottomleft-outlined',\n      },\n      {\n        position: 'third',\n        name: '左下',\n        icon: 'ant-design:radius-bottomright-outlined',\n      },\n    ]\n  } else {\n    list = [\n      { position: 'first', name: '上', icon: 'ArrowUp' },\n      { position: 'second', name: '右', icon: 'ArrowRight' },\n      { position: 'third', name: '下', icon: 'ArrowDown' },\n      { position: 'fourth', name: '左', icon: 'ArrowLeft' },\n    ]\n  }\n  return list\n})\nconst emit = defineEmits(['update:modelValue'])\n\nconst handleMouseDown = (_position: any, event: any) => {\n  isDragging.value = true\n  startX.value = event.clientX\n  position.value = _position\n  trackMouseBound.value = handleMouseMove.bind(event)\n  stopChangeBound.value = handleMouseUp.bind(event)\n  document.addEventListener('mousemove', trackMouseBound.value)\n  document.addEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'ew-resize'\n}\n\nconst handleMouseMove = (event: any) => {\n  if (isDragging.value) {\n    positions[position.value] = event.clientX - startX.value\n  }\n}\n\nconst handleMouseUp = () => {\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'default'\n  isDragging.value = false\n  position.value = ''\n}\n\nconst initValue = () => {\n  const getUnit = (value: string) => {\n    let unit = 'px'\n    units.forEach((item) => {\n      if (value.includes(item)) {\n        unit = item\n      }\n    })\n    return unit\n  }\n\n  const arr = props.modelValue.split(' ') || ['0px']\n  let [first, second = first, third = first, fourth = second] = arr\n\n  if (arr.length === 4) {\n    isMerge.value = false\n  } else if (arr.length === 3) {\n    isMerge.value = false\n    fourth = ''\n  } else if (arr.length === 2) {\n    isMerge.value = false\n    third = first\n    fourth = second\n  } else {\n    isMerge.value = true\n    second = third = fourth = first\n  }\n\n  const positionValues: any = { first, second, third, fourth }\n  for (const pos in positionValues) {\n    positions[pos] = parseInt(positionValues[pos]) || 0\n    unit[pos] = getUnit(positionValues[pos])\n  }\n\n  if (isMerge.value) {\n    positions.all = positions.first\n    unit.all = unit.first\n  }\n}\n\n// 值的初始化\nwatch(\n  () => props.modelValue,\n  () => {\n    initValue()\n  }\n)\n\n// const sizeValue = computed(() => {\n//   if (isMerge.value) {\n//     if (unit.all === 'auto') {\n//       return 'auto'\n//       // emit('update:modelValue', 'auto')\n//     } else {\n//       // emit('update:modelValue', `${positions.all}${unit.all}`)\n//       return `${positions.all}${unit.all}`\n//     }\n//   } else {\n//     // 如果有一个值为auto，则为auto\n//     let value = ''\n//     for (const pos in unit) {\n//       if (pos === 'all') continue\n//       if (unit[pos] === 'auto') {\n//         value += 'auto '\n//       } else {\n//         value += `${positions[pos]}${unit[pos]} `\n//       }\n//     }\n//     // emit('update:modelValue', value.trim())\n//     return value.trim()\n//   }\n// })\n\nconst emitValue = () => {\n  if (isMerge.value) {\n    if (unit.all === 'auto') {\n      emit('update:modelValue', 'auto')\n    } else {\n      emit('update:modelValue', `${positions.all}${unit.all}`)\n    }\n  } else {\n    // 如果有一个值为auto，则为auto\n    let value = ''\n    for (const pos in unit) {\n      if (pos === 'all') continue\n      if (unit[pos] === 'auto') {\n        value += 'auto '\n      } else {\n        value += `${positions[pos]}${unit[pos]} `\n      }\n    }\n    emit('update:modelValue', value.trim())\n  }\n}\n\nwatch(positions, () => {\n  emitValue()\n})\nwatch(isMerge, () => {\n  emitValue()\n})\nwatch(unit, () => {\n  emitValue()\n})\n\n// watch(sizeValue, () => {\n//   console.log('sizeValue', sizeValue)\n//   emit('update:modelValue', sizeValue)\n// })\n\nonMounted(() => {\n  initValue()\n})\n</script>\n"],"names":["__MACROS_defineComponent","unit"],"mappings":"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"}
+{"version":3,"file":"box-size-input.vue2.mjs","sources":["../../../../../../src/box-size-input/src/box-size-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkBoxSizeInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-box-size-input\">\n    <div v-show=\"!isMerge\" :class=\"width.value < 500 ? '' : 'flex'\">\n      <el-input\n        v-for=\"(item, key) in inputList\"\n        :key=\"key\"\n        v-model=\"positions[item.position]\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit[item.position] == 'auto'\"\n      >\n        <template v-if=\"width.value > 600 || width.value < 500\" #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown(item.position, $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <el-tooltip\n              :hide-after=\"0\"\n              class=\"item\"\n              effect=\"dark\"\n              :content=\"item.name\"\n              placement=\"top-start\"\n              :disabled=\"disabledTooltip\"\n            >\n              <dk-icon :icon=\"item.icon\" />\n            </el-tooltip>\n          </span>\n        </template>\n        <template #append>\n          <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\"> </el-select-v2>\n        </template>\n      </el-input>\n    </div>\n    <div v-show=\"isMerge\">\n      <el-input\n        v-model=\"positions.all\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit.all === 'auto'\"\n        :clearable=\"props.clearable\"\n      >\n        <template #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown('all', $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <dk-icon icon=\"Rank\"></dk-icon>\n          </span>\n        </template>\n        <template #append>\n          <el-select-v2 v-model=\"unit.all\" :options=\"options\"> </el-select-v2>\n        </template>\n      </el-input>\n    </div>\n    <div v-if=\"props.showMerge\" class=\"dk-full\" @click=\"isMerge = !isMerge\">\n      <el-tooltip\n        class=\"item\"\n        effect=\"dark\"\n        :content=\"isMerge ? '独立配置' : '批量配置'\"\n        placement=\"top\"\n        :hide-after=\"0\"\n      >\n        <el-button v-if=\"isMerge\">\n          <dk-icon icon=\"streamline:interface-layout-border-horizontal-border-cell-center-format-formatting\"></dk-icon>\n        </el-button>\n        <el-button v-else>\n          <dk-icon icon=\"streamline:interface-layout-border-full-grid-layout-layouts-module\"></dk-icon>\n        </el-button>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { boxSizeInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\n\nconst props = defineProps(boxSizeInputProps)\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\n// First, second, third, fourth\nconst positions: any = reactive({\n  all: '',\n  // 一般用于padding、margin、border\n  first: '',\n  second: '',\n  third: '',\n  fourth: '',\n  // 一般用于radius\n})\n\nconst unit: any = reactive({\n  all: 'px',\n  first: 'rem',\n  second: 'px',\n  third: 'px',\n  fourth: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'rm', 'vh', 'auto']\nconst position = ref('')\nconst isMerge = ref(props.defaultIsMerge)\nconst isDragging = ref(false)\nconst startX = ref(0)\nconst disabledTooltip = ref(false)\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\n\nconst options = computed(() => {\n  return units.map((item) => {\n    return {\n      label: item,\n      value: item,\n    }\n  })\n})\n\nconst inputList = computed(() => {\n  let list: any[]\n  if (props.type === 'radius') {\n    list = [\n      {\n        position: 'first',\n        name: '左上',\n        icon: 'ant-design:radius-upleft-outlined',\n      },\n      {\n        position: 'second',\n        name: '右上',\n        icon: 'ant-design:radius-upright-outlined',\n      },\n      {\n        position: 'fourth',\n        name: '左下',\n        icon: 'ant-design:radius-bottomleft-outlined',\n      },\n      {\n        position: 'third',\n        name: '左下',\n        icon: 'ant-design:radius-bottomright-outlined',\n      },\n    ]\n  } else {\n    list = [\n      { position: 'first', name: '上', icon: 'ArrowUp' },\n      { position: 'second', name: '右', icon: 'ArrowRight' },\n      { position: 'third', name: '下', icon: 'ArrowDown' },\n      { position: 'fourth', name: '左', icon: 'ArrowLeft' },\n    ]\n  }\n  return list\n})\nconst emit = defineEmits(['update:modelValue'])\n\nconst handleMouseDown = (_position: any, event: any) => {\n  isDragging.value = true\n  startX.value = event.clientX\n  position.value = _position\n  trackMouseBound.value = handleMouseMove.bind(event)\n  stopChangeBound.value = handleMouseUp.bind(event)\n  document.addEventListener('mousemove', trackMouseBound.value)\n  document.addEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'ew-resize'\n}\n\nconst handleMouseMove = (event: any) => {\n  if (isDragging.value) {\n    positions[position.value] = event.clientX - startX.value\n  }\n}\n\nconst handleMouseUp = () => {\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'default'\n  isDragging.value = false\n  position.value = ''\n}\n\nconst initValue = () => {\n  const getUnit = (value: string) => {\n    let unit = 'px'\n    units.forEach((item) => {\n      if (value.includes(item)) {\n        unit = item\n      }\n    })\n    return unit\n  }\n\n  const arr = props.modelValue.split(' ') || ['0px']\n  let [first, second = first, third = first, fourth = second] = arr\n\n  if (arr.length === 4) {\n    isMerge.value = false\n  } else if (arr.length === 3) {\n    isMerge.value = false\n    fourth = ''\n  } else if (arr.length === 2) {\n    isMerge.value = false\n    third = first\n    fourth = second\n  } else {\n    isMerge.value = true\n    second = third = fourth = first\n  }\n\n  const positionValues: any = { first, second, third, fourth }\n  for (const pos in positionValues) {\n    positions[pos] = parseInt(positionValues[pos]) || 0\n    unit[pos] = getUnit(positionValues[pos])\n  }\n\n  if (isMerge.value) {\n    positions.all = positions.first\n    unit.all = unit.first\n  }\n}\n\n// 值的初始化\nwatch(\n  () => props.modelValue,\n  () => {\n    initValue()\n  }\n)\n\n// const sizeValue = computed(() => {\n//   if (isMerge.value) {\n//     if (unit.all === 'auto') {\n//       return 'auto'\n//       // emit('update:modelValue', 'auto')\n//     } else {\n//       // emit('update:modelValue', `${positions.all}${unit.all}`)\n//       return `${positions.all}${unit.all}`\n//     }\n//   } else {\n//     // 如果有一个值为auto，则为auto\n//     let value = ''\n//     for (const pos in unit) {\n//       if (pos === 'all') continue\n//       if (unit[pos] === 'auto') {\n//         value += 'auto '\n//       } else {\n//         value += `${positions[pos]}${unit[pos]} `\n//       }\n//     }\n//     // emit('update:modelValue', value.trim())\n//     return value.trim()\n//   }\n// })\n\nconst emitValue = () => {\n  if (isMerge.value) {\n    if (unit.all === 'auto') {\n      emit('update:modelValue', 'auto')\n    } else {\n      emit('update:modelValue', `${positions.all}${unit.all}`)\n    }\n  } else {\n    // 如果有一个值为auto，则为auto\n    let value = ''\n    for (const pos in unit) {\n      if (pos === 'all') continue\n      if (unit[pos] === 'auto') {\n        value += 'auto '\n      } else {\n        value += `${positions[pos]}${unit[pos]} `\n      }\n    }\n    emit('update:modelValue', value.trim())\n  }\n}\n\nwatch(positions, () => {\n  emitValue()\n})\nwatch(isMerge, () => {\n  emitValue()\n})\nwatch(unit, () => {\n  emitValue()\n})\n\n// watch(sizeValue, () => {\n//   console.log('sizeValue', sizeValue)\n//   emit('update:modelValue', sizeValue)\n// })\n\nonMounted(() => {\n  initValue()\n})\n</script>\n"],"names":["__MACROS_defineComponent","unit"],"mappings":"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"}

package/es/packages/dk-ui/src/form/src/form.vue2.mjs

@@ -137,8 +137,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: showDialog.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showDialog.value = $event),
         title: _formData.value?.title ? _formData.value?.title : "\u8868\u5355",
-        width: unref(width) < 768 ? "100%" : "800px",
-        "default-fullscreen": unref(width) < 768,
+        width: unref(width).value < 768 ? "100%" : "800px",
+        "default-fullscreen": unref(width).value < 768,
         "min-height": "200px",
         "append-to-body": ""
       }, {

package/es/packages/dk-ui/src/form/src/form.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"width < 768 ? '100%' : '800px'\"\n    :default-fullscreen=\"width < 768\"\n    min-height=\"200px\"\n    append-to-body\n  >\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, request, isNumber, isObject, isArray } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { ref, reactive, onMounted, computed, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\nconst minHeight = computed(() => (isNumber(props.minHeight) ? `${props.minHeight}px` : props.minHeight))\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n        console.error(res)\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","formCreate","value","FormCreate","config","_config"],"mappings":"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"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"width.value < 768 ? '100%' : '800px'\"\n    :default-fullscreen=\"width.value < 768\"\n    min-height=\"200px\"\n    append-to-body\n  >\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, request, isNumber, isObject, isArray } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { ref, reactive, onMounted, computed, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\nconst minHeight = computed(() => (isNumber(props.minHeight) ? `${props.minHeight}px` : props.minHeight))\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n        console.error(res)\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","formCreate","value","FormCreate","config","_config"],"mappings":"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"}

package/es/packages/dk-ui/src/select/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../src/select/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _Select from './src/select.vue'\n\nexport const Select = withInstall(_Select)\nexport default Select\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,MAAA,GAAS,YAAY,OAAO;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../src/select/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _Select from './src/select.vue'\n\nexport const Select: any = withInstall(_Select)\nexport default Select\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,MAAA,GAAc,YAAY,OAAO;;;;"}

package/es/packages/dk-ui/src/select/src/props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.mjs","sources":["../../../../../../src/select/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { SelectProps } from 'element-plus/es/components/select-v2/src/defaults'\n\nexport const selectProps = {\n  // 继承select-v2\n  ...SelectProps,\n  // 远程地址\n  remoteUrl: {\n    type: String,\n    default: '',\n  },\n  options: {\n    type: Array,\n    default: () => {\n      return []\n    },\n  },\n}\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n"],"names":[],"mappings":";;AAGO,MAAM,WAAc,GAAA;AAAA;AAAA,EAEzB,GAAG,WAAA;AAAA;AAAA,EAEH,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"props.mjs","sources":["../../../../../../src/select/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { SelectProps } from 'element-plus/es/components/select-v2/src/defaults'\n\nexport const selectProps: any = {\n  // 继承select-v2\n  ...SelectProps,\n  // 远程地址\n  remoteUrl: {\n    type: String,\n    default: '',\n  },\n  options: {\n    type: Array,\n    default: () => {\n      return []\n    },\n  },\n}\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n"],"names":[],"mappings":";;AAGO,MAAM,WAAmB,GAAA;AAAA;AAAA,EAE9B,GAAG,WAAA;AAAA;AAAA,EAEH,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,GACF;AACF;;;;"}

package/es/packages/dk-ui/src/style-border-input/src/style-border-input.vue2.mjs

@@ -185,7 +185,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         {
           ref_key: "el",
           ref: el,
-          class: normalizeClass(["dk-style-border-input", unref(width) < 400 ? "mini" : ""])
+          class: normalizeClass(["dk-style-border-input", unref(width).value < 400 ? "mini" : ""])
         },
         [
           createElementVNode("div", _hoisted_1, [
@@ -196,13 +196,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 return createVNode(_component_dk_icon, {
                   key: item,
                   icon: "gg:border-" + item,
-                  class: normalizeClass(
-                    "border-box-option border-" + item + " " + (position.value == item ? "selected" : "")
-                  ),
+                  class: normalizeClass("border-box-option border-" + item + " " + (position.value == item ? "selected" : "")),
                   size: 24,
-                  style: normalizeStyle(
-                    "grid-area: border-" + item + " / border-" + item + " / border-" + item + " / border-" + item + ";"
-                  ),
+                  style: normalizeStyle("grid-area: border-" + item + " / border-" + item + " / border-" + item + " / border-" + item + ";"),
                   onClick: ($event) => position.value = item
                 }, null, 8, ["icon", "class", "style", "onClick"]);
               }),

package/es/packages/dk-ui/src/style-border-input/src/style-border-input.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-border-input.vue2.mjs","sources":["../../../../../../src/style-border-input/src/style-border-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleBorderInput',\n});\n</script>\n<template>\n  <div\n    ref=\"el\"\n    class=\"dk-style-border-input\"\n    :class=\"width < 400 ? 'mini' : ''\"\n  >\n    <div class=\"border-box\">\n      <dk-icon\n        v-for=\"item in positions\"\n        :key=\"item\"\n        :icon=\"'gg:border-' + item\"\n        :class=\"\n          'border-box-option border-' +\n          item +\n          ' ' +\n          (position == item ? 'selected' : '')\n        \"\n        :size=\"24\"\n        :style=\"\n          'grid-area: border-' +\n          item +\n          ' / border-' +\n          item +\n          ' / border-' +\n          item +\n          ' / border-' +\n          item +\n          ';'\n        \"\n        @click=\"position = item\"\n      ></dk-icon>\n    </div>\n    <div style=\"width: 100%\" class=\"m-l-20px\">\n      <!--  样式、宽度、颜色-->\n      <el-form label-width=\"50px\" label-position=\"left\" size=\"small\">\n        <el-form-item label=\"尺寸\">\n          <template #label>\n            <el-tooltip\n              effect=\"dark\"\n              content=\"点击清除\"\n              placement=\"top-start\"\n              :disabled=\"!form[position].borderWidth\"\n            >\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderWidth ? 'color-blue' : ''\"\n                @click=\"del('borderWidth')\"\n                >尺寸</span\n              >\n            </el-tooltip>\n          </template>\n          <el-slider\n            v-model=\"form[position].borderWidth\"\n            class=\"dk-border-slider\"\n            :max=\"50\"\n            @change=\"clearOtherBorder()\"\n          />\n          <el-input\n            v-model=\"form[position].borderWidth\"\n            class=\"dk-border-input\"\n            type=\"number\"\n            @change=\"clearOtherBorder()\"\n          >\n            <template #append>\n              <el-select\n                v-model=\"form[position].unit\"\n                placeholder=\"请选择\"\n                class=\"dk-border-select\"\n                suffix-icon=\"\"\n                @change=\"clearOtherBorder()\"\n              >\n                <el-option\n                  v-for=\"item in units\"\n                  :key=\"item\"\n                  :label=\"item\"\n                  :value=\"item\"\n                />\n              </el-select>\n            </template>\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"样式\">\n          <template #label>\n            <el-tooltip\n              effect=\"dark\"\n              content=\"点击清除\"\n              placement=\"top-start\"\n              :disabled=\"!form[position].borderStyle\"\n            >\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderStyle ? 'color-blue' : ''\"\n                @click=\"del('borderStyle')\"\n                >样式</span\n              >\n            </el-tooltip>\n          </template>\n          <el-radio-group\n            v-model=\"form[position].borderStyle\"\n            @change=\"clearOtherBorder()\"\n          >\n            <el-radio-button label=\"solid\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-solid\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"dotted\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-dotted\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"dashed\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-dashed\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"double\" name=\"type\">\n              <dk-icon icon=\"memory:box-light-double-horizontal\"></dk-icon>\n            </el-radio-button>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"颜色\">\n          <template #label>\n            <el-tooltip\n              effect=\"dark\"\n              content=\"点击清除\"\n              placement=\"top-start\"\n              :disabled=\"!form[position].borderColor\"\n            >\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderColor ? 'color-blue' : ''\"\n                @click=\"del('borderColor')\"\n                >颜色</span\n              >\n            </el-tooltip>\n          </template>\n          <el-color-picker v-model=\"form[position].borderColor\" />\n        </el-form-item>\n        <el-form-item label=\"弧度\">\n          <template #label>\n            <el-tooltip\n              effect=\"dark\"\n              content=\"点击清除\"\n              placement=\"top-start\"\n              :disabled=\"form.radius == '0px'\"\n            >\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form.radius !== '0px' ? 'color-blue' : ''\"\n                @click=\"del('radius')\"\n                >弧度</span\n              >\n            </el-tooltip>\n          </template>\n          <dk-box-size-input\n            v-model=\"form.radius\"\n            type=\"radius\"\n          ></dk-box-size-input>\n        </el-form-item>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBorderInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { upper } from '@vipl520/utils'\nimport { useElementSize, useWindowSize } from '@vueuse/core'\n\n\n\nconst props = defineProps(styleBorderInputProps)\nconst emit = defineEmits(['update:modelValue'])\n\nconst positions = ['top', 'right', 'bottom', 'left', 'all']\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst position = ref('all')\nconst el = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\nconst defaultForm = () => ({\n  unit: 'px',\n})\n\nconst form: any = reactive({\n  top: defaultForm(),\n  right: defaultForm(),\n  bottom: defaultForm(),\n  left: defaultForm(),\n  all: defaultForm(),\n  radius: props.modelValue.borderRadius || '0px',\n})\n\nconst styles = computed(() => {\n  const style: any = {}\n  positions.forEach((item) => {\n    if (item === 'all') {\n      if (form[item].borderWidth) {\n        style.borderWidth = form[item].borderWidth + (form[item].unit || 'px')\n      }\n      if (form[item].borderStyle) {\n        style.borderStyle = form[item].borderStyle\n      }\n      if (form[item].borderColor) {\n        style.borderColor = form[item].borderColor\n      }\n    } else {\n      if (form[item].borderWidth) {\n        style['border' + upper(item) + 'Width'] =\n          form[item].borderWidth + (form[item].unit || 'px')\n      }\n\n      if (form[item].borderStyle) {\n        style['border' + upper(item) + 'Style'] = form[item].borderStyle\n      }\n\n      if (form[item].borderColor) {\n        style['border' + upper(item) + 'Color'] = form[item].borderColor\n      }\n    }\n  })\n  // 把style中的borderWidth、borderStyle、borderColor放到最前面\n  if (form.radius !== '0px') {\n    style.borderRadius = form.radius\n  }\n  return style\n})\nwatch(styles, () => {\n  emit('update:modelValue', styles.value)\n})\n\nconst init = () => {\n  const keys = [\n    'borderWidth',\n    'borderStyle',\n    'borderColor',\n    'borderRightWidth',\n    'borderRightStyle',\n    'borderRightColor',\n    'borderLeftWidth',\n    'borderLeftStyle',\n    'borderLeftColor',\n    'borderTopWidth',\n    'borderTopStyle',\n    'borderTopColor',\n    'borderBottomWidth',\n    'borderBottomStyle',\n    'borderBottomColor',\n    'borderRadius',\n  ]\n\n  keys.forEach((key) => {\n    if (props.modelValue[key]) {\n      if (key === 'borderRadius') {\n        form.radius = props.modelValue[key]\n      } else {\n        let [_, position, property] = key.split(/(?=[A-Z])/)\n        let _position = position.toLowerCase() // 位置\n        const value = props.modelValue[key] // 值\n        if (positions.indexOf(_position) === -1) {\n          _position = 'all'\n          property = position\n        }\n        if (property === 'Width') {\n          const width = parseInt(value) || 0\n          const unit = value.replace(width + '', '') || 'px'\n          if (units.indexOf(unit) > -1) {\n            form[_position].unit = unit\n            form[_position].borderWidth = width\n          }\n        } else {\n          form[_position]['border' + property] = value\n        }\n      }\n    } else {\n      if (key === 'borderRadius') {\n        form.radius = '0px'\n      } else {\n        // delete form[position.value][key]\n        let [_, position, property] = key.split(/(?=[A-Z])/)\n\n        let _position = position.toLowerCase() // 位置\n        if (positions.indexOf(_position) === -1) {\n          _position = 'all'\n          property = position\n        }\n        const value = props.modelValue[key] // 值\n        if (property === 'Width') {\n          delete form[_position].borderWidth\n          delete form[_position].unit\n        } else {\n          delete form[_position]['border' + property]\n        }\n      }\n    }\n  })\n}\n\nconst clearOtherBorder = () => {\n  if (position.value === 'all') {\n    positions.forEach((item) => {\n      if (item !== 'all') {\n        form[item] = {\n          unit: 'px',\n        }\n      }\n    })\n  } else {\n    positions.forEach((item) => {\n      if (item === 'all') {\n        form[item] = {\n          unit: 'px',\n        }\n      }\n    })\n  }\n}\nconst del = (value: any) => {\n  if (value === 'radius') {\n    form.radius = '0px'\n  } else {\n    delete form[position.value][value]\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","position","width"],"mappings":"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"}
+{"version":3,"file":"style-border-input.vue2.mjs","sources":["../../../../../../src/style-border-input/src/style-border-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleBorderInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-border-input\" :class=\"width.value < 400 ? 'mini' : ''\">\n    <div class=\"border-box\">\n      <dk-icon\n        v-for=\"item in positions\"\n        :key=\"item\"\n        :icon=\"'gg:border-' + item\"\n        :class=\"'border-box-option border-' + item + ' ' + (position == item ? 'selected' : '')\"\n        :size=\"24\"\n        :style=\"'grid-area: border-' + item + ' / border-' + item + ' / border-' + item + ' / border-' + item + ';'\"\n        @click=\"position = item\"\n      ></dk-icon>\n    </div>\n    <div style=\"width: 100%\" class=\"m-l-20px\">\n      <!--  样式、宽度、颜色-->\n      <el-form label-width=\"50px\" label-position=\"left\" size=\"small\">\n        <el-form-item label=\"尺寸\">\n          <template #label>\n            <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderWidth\">\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderWidth ? 'color-blue' : ''\"\n                @click=\"del('borderWidth')\"\n                >尺寸</span\n              >\n            </el-tooltip>\n          </template>\n          <el-slider\n            v-model=\"form[position].borderWidth\"\n            class=\"dk-border-slider\"\n            :max=\"50\"\n            @change=\"clearOtherBorder()\"\n          />\n          <el-input\n            v-model=\"form[position].borderWidth\"\n            class=\"dk-border-input\"\n            type=\"number\"\n            @change=\"clearOtherBorder()\"\n          >\n            <template #append>\n              <el-select\n                v-model=\"form[position].unit\"\n                placeholder=\"请选择\"\n                class=\"dk-border-select\"\n                suffix-icon=\"\"\n                @change=\"clearOtherBorder()\"\n              >\n                <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n              </el-select>\n            </template>\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"样式\">\n          <template #label>\n            <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderStyle\">\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderStyle ? 'color-blue' : ''\"\n                @click=\"del('borderStyle')\"\n                >样式</span\n              >\n            </el-tooltip>\n          </template>\n          <el-radio-group v-model=\"form[position].borderStyle\" @change=\"clearOtherBorder()\">\n            <el-radio-button label=\"solid\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-solid\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"dotted\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-dotted\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"dashed\" name=\"type\">\n              <dk-icon icon=\"gg:border-style-dashed\"></dk-icon>\n            </el-radio-button>\n            <el-radio-button label=\"double\" name=\"type\">\n              <dk-icon icon=\"memory:box-light-double-horizontal\"></dk-icon>\n            </el-radio-button>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"颜色\">\n          <template #label>\n            <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderColor\">\n              <span\n                class=\"cursor-pointer\"\n                :class=\"form[position].borderColor ? 'color-blue' : ''\"\n                @click=\"del('borderColor')\"\n                >颜色</span\n              >\n            </el-tooltip>\n          </template>\n          <el-color-picker v-model=\"form[position].borderColor\" />\n        </el-form-item>\n        <el-form-item label=\"弧度\">\n          <template #label>\n            <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"form.radius == '0px'\">\n              <span class=\"cursor-pointer\" :class=\"form.radius !== '0px' ? 'color-blue' : ''\" @click=\"del('radius')\"\n                >弧度</span\n              >\n            </el-tooltip>\n          </template>\n          <dk-box-size-input v-model=\"form.radius\" type=\"radius\"></dk-box-size-input>\n        </el-form-item>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBorderInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { upper } from '@vipl520/utils'\nimport { useElementSize, useWindowSize } from '@vueuse/core'\n\n\n\nconst props = defineProps(styleBorderInputProps)\nconst emit = defineEmits(['update:modelValue'])\n\nconst positions = ['top', 'right', 'bottom', 'left', 'all']\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst position = ref('all')\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\nconst defaultForm = () => ({\n  unit: 'px',\n})\n\nconst form: any = reactive({\n  top: defaultForm(),\n  right: defaultForm(),\n  bottom: defaultForm(),\n  left: defaultForm(),\n  all: defaultForm(),\n  radius: props.modelValue.borderRadius || '0px',\n})\n\nconst styles = computed(() => {\n  const style: any = {}\n  positions.forEach((item) => {\n    if (item === 'all') {\n      if (form[item].borderWidth) {\n        style.borderWidth = form[item].borderWidth + (form[item].unit || 'px')\n      }\n      if (form[item].borderStyle) {\n        style.borderStyle = form[item].borderStyle\n      }\n      if (form[item].borderColor) {\n        style.borderColor = form[item].borderColor\n      }\n    } else {\n      if (form[item].borderWidth) {\n        style['border' + upper(item) + 'Width'] = form[item].borderWidth + (form[item].unit || 'px')\n      }\n\n      if (form[item].borderStyle) {\n        style['border' + upper(item) + 'Style'] = form[item].borderStyle\n      }\n\n      if (form[item].borderColor) {\n        style['border' + upper(item) + 'Color'] = form[item].borderColor\n      }\n    }\n  })\n  // 把style中的borderWidth、borderStyle、borderColor放到最前面\n  if (form.radius !== '0px') {\n    style.borderRadius = form.radius\n  }\n  return style\n})\nwatch(styles, () => {\n  emit('update:modelValue', styles.value)\n})\n\nconst init = () => {\n  const keys = [\n    'borderWidth',\n    'borderStyle',\n    'borderColor',\n    'borderRightWidth',\n    'borderRightStyle',\n    'borderRightColor',\n    'borderLeftWidth',\n    'borderLeftStyle',\n    'borderLeftColor',\n    'borderTopWidth',\n    'borderTopStyle',\n    'borderTopColor',\n    'borderBottomWidth',\n    'borderBottomStyle',\n    'borderBottomColor',\n    'borderRadius',\n  ]\n\n  keys.forEach((key) => {\n    if (props.modelValue[key]) {\n      if (key === 'borderRadius') {\n        form.radius = props.modelValue[key]\n      } else {\n        let [_, position, property] = key.split(/(?=[A-Z])/)\n        let _position = position.toLowerCase() // 位置\n        const value = props.modelValue[key] // 值\n        if (positions.indexOf(_position) === -1) {\n          _position = 'all'\n          property = position\n        }\n        if (property === 'Width') {\n          const width = parseInt(value) || 0\n          const unit = value.replace(width + '', '') || 'px'\n          if (units.indexOf(unit) > -1) {\n            form[_position].unit = unit\n            form[_position].borderWidth = width\n          }\n        } else {\n          form[_position]['border' + property] = value\n        }\n      }\n    } else {\n      if (key === 'borderRadius') {\n        form.radius = '0px'\n      } else {\n        // delete form[position.value][key]\n        let [_, position, property] = key.split(/(?=[A-Z])/)\n\n        let _position = position.toLowerCase() // 位置\n        if (positions.indexOf(_position) === -1) {\n          _position = 'all'\n          property = position\n        }\n        const value = props.modelValue[key] // 值\n        if (property === 'Width') {\n          delete form[_position].borderWidth\n          delete form[_position].unit\n        } else {\n          delete form[_position]['border' + property]\n        }\n      }\n    }\n  })\n}\n\nconst clearOtherBorder = () => {\n  if (position.value === 'all') {\n    positions.forEach((item) => {\n      if (item !== 'all') {\n        form[item] = {\n          unit: 'px',\n        }\n      }\n    })\n  } else {\n    positions.forEach((item) => {\n      if (item === 'all') {\n        form[item] = {\n          unit: 'px',\n        }\n      }\n    })\n  }\n}\nconst del = (value: any) => {\n  if (value === 'radius') {\n    form.radius = '0px'\n  } else {\n    delete form[position.value][value]\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","position","width"],"mappings":"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"}

package/es/packages/dk-ui/src/style-position-input/src/style-position-input.vue2.mjs

@@ -198,10 +198,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, {
                                   default: withCtx(() => [
                                     createElementVNode("span", {
-                                      style: normalizeStyle([
-                                        { "cursor": "pointer" },
-                                        form.value[item.value] ? "color:var(--el-color-primary)" : ""
-                                      ]),
+                                      style: normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                       onClick: ($event) => form.value[item.value] = ""
                                     }, toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2)
                                   ]),

package/es/packages/dk-ui/src/style-position-input/src/style-position-input.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-position-input.vue2.mjs","sources":["../../../../../../src/style-position-input/src/style-position-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStylePositionInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-position-input\">\n    <el-form label-width=\"50px\" label-position=\"left\">\n      <div>\n        <el-form-item label=\"常用\">\n          <el-radio-group @change=\"positionChange\">\n            <el-radio-button\n              v-for=\"(item, key) in positions\"\n              :key=\"key\"\n              :label=\"item.value\"\n              >{{ item.label }}</el-radio-button\n            >\n          </el-radio-group>\n          <!--          <el-select v-model=\"form.position\" placeholder=\"Select\">-->\n          <!--            <el-option-->\n          <!--              v-for=\"item in positions\"-->\n          <!--              :key=\"item.value\"-->\n          <!--              :label=\"item.label\"-->\n          <!--              :value=\"item.value\"-->\n          <!--            />-->\n          <!--          </el-select>-->\n        </el-form-item>\n      </div>\n      <div class=\"m-t-10px\">\n        <el-row :gutter=\"20\">\n          <el-col\n            v-for=\"(item, key) in custom\"\n            :key=\"key\"\n            :span=\"span\"\n            class=\"m-b-5px\"\n          >\n            <el-form-item :label=\"item.label\">\n              <template #label>\n                <el-tooltip\n                  class=\"item\"\n                  effect=\"dark\"\n                  :content=\"item.tip\"\n                  placement=\"top\"\n                >\n                  <span\n                    style=\"cursor: pointer\"\n                    :style=\"\n                      form[item.value] ? 'color:var(--el-color-primary)' : ''\n                    \"\n                    @click=\"form[item.value] = ''\"\n                  >\n                    {{ item.label }}：</span\n                  >\n                </el-tooltip>\n              </template>\n              <dk-style-number-input\n                v-model=\"form[item.value]\"\n              ></dk-style-number-input>\n            </el-form-item>\n          </el-col>\n        </el-row>\n      </div>\n    </el-form>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { stylePositionInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\nconst span = computed(() => {\n  if (width.value <= 300) {\n    return 24\n  } else if (width.value < 800) {\n    return 12\n  } else {\n    return 6\n  }\n})\n\n\n\nconst props = defineProps(stylePositionInputProps)\n\nconst form: any = ref({\n  left: props.modelValue.left || '',\n  top: props.modelValue.top || '',\n  right: props.modelValue.right || '',\n  bottom: props.modelValue.bottom || '',\n})\n\nconst custom = [\n  { label: '上', value: 'top', tip: '当前距离顶部距离，点击清除' },\n  { label: '右', value: 'right', tip: '当前距离右侧的距离，点击清除' },\n  { label: '下', value: 'bottom', tip: '当前距离底部的距离，点击清除' },\n  { label: '左', value: 'left', tip: '当前距离左侧的距离，点击清除' },\n]\n\nconst positions = [\n  { label: '左上', value: 'left-top' },\n  { label: '左下', value: 'left-down' },\n  { label: '右上', value: 'right-top' },\n  { label: '右下', value: 'right-down' },\n]\nconst emit = defineEmits(['update:modelValue'])\nconst positionChange = (value: string) => {\n  switch (value) {\n    case 'left-top':\n      form.value = {\n        left: '1px',\n        top: '0px',\n        right: '',\n        bottom: '',\n      }\n      break\n    case 'left-down':\n      form.value = {\n        left: '0px',\n        top: '',\n        right: '',\n        bottom: '0px',\n      }\n      break\n    case 'right-top':\n      form.value = {\n        left: '',\n        top: '0px',\n        right: '0px',\n        bottom: '',\n      }\n      break\n    case 'right-down':\n      form.value = {\n        left: '',\n        top: '',\n        right: '0px',\n        bottom: '0px',\n      }\n      break\n  }\n  emitValue()\n}\nconst emitValue = () => {\n  // 只保留form中有的值，并移除position\n  const data = Object.keys(form.value).reduce((prev: any, cur) => {\n    if (form.value[cur] && cur !== 'position') {\n      prev[cur] = form.value[cur]\n    }\n    return prev\n  }, {})\n  emit('update:modelValue', data)\n}\nwatch(\n  () => form.value,\n  () => {\n    emitValue()\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    Object.keys(props.modelValue).reduce((prev: any, cur) => {\n      if (cur !== 'position') {\n        prev[cur] = props.modelValue[cur]\n      }\n      return prev\n    }, form.value)\n  },\n  { deep: true }\n)\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}
+{"version":3,"file":"style-position-input.vue2.mjs","sources":["../../../../../../src/style-position-input/src/style-position-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStylePositionInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-position-input\">\n    <el-form label-width=\"50px\" label-position=\"left\">\n      <div>\n        <el-form-item label=\"常用\">\n          <el-radio-group @change=\"positionChange\">\n            <el-radio-button v-for=\"(item, key) in positions\" :key=\"key\" :label=\"item.value\">\n              {{ item.label }}\n            </el-radio-button>\n          </el-radio-group>\n          <!--          <el-select v-model=\"form.position\" placeholder=\"Select\">-->\n          <!--            <el-option-->\n          <!--              v-for=\"item in positions\"-->\n          <!--              :key=\"item.value\"-->\n          <!--              :label=\"item.label\"-->\n          <!--              :value=\"item.value\"-->\n          <!--            />-->\n          <!--          </el-select>-->\n        </el-form-item>\n      </div>\n      <div class=\"m-t-10px\">\n        <el-row :gutter=\"20\">\n          <el-col v-for=\"(item, key) in custom\" :key=\"key\" :span=\"span\" class=\"m-b-5px\">\n            <el-form-item :label=\"item.label\">\n              <template #label>\n                <el-tooltip class=\"item\" effect=\"dark\" :content=\"item.tip\" placement=\"top\">\n                  <span\n                    style=\"cursor: pointer\"\n                    :style=\"form[item.value] ? 'color:var(--el-color-primary)' : ''\"\n                    @click=\"form[item.value] = ''\"\n                  >\n                    {{ item.label }}：</span\n                  >\n                </el-tooltip>\n              </template>\n              <dk-style-number-input v-model=\"form[item.value]\"></dk-style-number-input>\n            </el-form-item>\n          </el-col>\n        </el-row>\n      </div>\n    </el-form>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { stylePositionInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\nconst span = computed(() => {\n  if (width.value <= 300) {\n    return 24\n  } else if (width.value < 800) {\n    return 12\n  } else {\n    return 6\n  }\n})\n\n\n\nconst props = defineProps(stylePositionInputProps)\n\nconst form: any = ref({\n  left: props.modelValue.left || '',\n  top: props.modelValue.top || '',\n  right: props.modelValue.right || '',\n  bottom: props.modelValue.bottom || '',\n})\n\nconst custom = [\n  { label: '上', value: 'top', tip: '当前距离顶部距离，点击清除' },\n  { label: '右', value: 'right', tip: '当前距离右侧的距离，点击清除' },\n  { label: '下', value: 'bottom', tip: '当前距离底部的距离，点击清除' },\n  { label: '左', value: 'left', tip: '当前距离左侧的距离，点击清除' },\n]\n\nconst positions = [\n  { label: '左上', value: 'left-top' },\n  { label: '左下', value: 'left-down' },\n  { label: '右上', value: 'right-top' },\n  { label: '右下', value: 'right-down' },\n]\nconst emit = defineEmits(['update:modelValue'])\nconst positionChange = (value: string) => {\n  switch (value) {\n    case 'left-top':\n      form.value = {\n        left: '1px',\n        top: '0px',\n        right: '',\n        bottom: '',\n      }\n      break\n    case 'left-down':\n      form.value = {\n        left: '0px',\n        top: '',\n        right: '',\n        bottom: '0px',\n      }\n      break\n    case 'right-top':\n      form.value = {\n        left: '',\n        top: '0px',\n        right: '0px',\n        bottom: '',\n      }\n      break\n    case 'right-down':\n      form.value = {\n        left: '',\n        top: '',\n        right: '0px',\n        bottom: '0px',\n      }\n      break\n  }\n  emitValue()\n}\nconst emitValue = () => {\n  // 只保留form中有的值，并移除position\n  const data = Object.keys(form.value).reduce((prev: any, cur) => {\n    if (form.value[cur] && cur !== 'position') {\n      prev[cur] = form.value[cur]\n    }\n    return prev\n  }, {})\n  emit('update:modelValue', data)\n}\nwatch(\n  () => form.value,\n  () => {\n    emitValue()\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    Object.keys(props.modelValue).reduce((prev: any, cur) => {\n      if (cur !== 'position') {\n        prev[cur] = props.modelValue[cur]\n      }\n      return prev\n    }, form.value)\n  },\n  { deep: true }\n)\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}

package/es/packages/dk-ui/src/style-shadow-input/src/style-shadow-content.vue2.mjs

@@ -92,12 +92,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     watch(position, () => {
-      form.x = parseInt(
-        String((position.left - props.boxSize / 2) / props.boxSize * props.max)
-      );
-      form.y = parseInt(
-        String((position.top - props.boxSize / 2) / props.boxSize * props.max)
-      );
+      form.x = parseInt(String((position.left - props.boxSize / 2) / props.boxSize * props.max));
+      form.y = parseInt(String((position.top - props.boxSize / 2) / props.boxSize * props.max));
     });
     watch(form, () => {
       let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`;

package/es/packages/dk-ui/src/style-shadow-input/src/style-shadow-content.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-shadow-content.vue2.mjs","sources":["../../../../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div\n    ref=\"el\"\n    class=\"dk-style-shadow-content\"\n    :style=\"{ '--shadow-box-width': boxSize + 'px' }\"\n  >\n    <el-form\n      label-width=\"60px\"\n      label-position=\"left\"\n      class=\"shadow-form-content\"\n      :size=\"size\"\n    >\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button label=\"external\">外部</el-radio-button>\n          <el-radio-button label=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <el-input v-model=\"form.x\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.x_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"y轴\">\n        <el-input v-model=\"form.y\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.y_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"模糊\">\n        <el-input v-model=\"form.vague\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.vague_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"扩展\">\n        <el-input v-model=\"form.extend\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.extend_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n    </el-form>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button\n          v-for=\"(item, key) in props.defaultStyles\"\n          :key=\"key\"\n          size=\"small\"\n          @click=\"setStyle(item)\"\n          >{{ item.label }}</el-button\n        >\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span\n          id=\"center-spot\"\n          :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\"\n        />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(\n    String(((position.left - props.boxSize / 2) / props.boxSize) * props.max)\n  )\n  form.y = parseInt(\n    String(((position.top - props.boxSize / 2) / props.boxSize) * props.max)\n  )\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,sBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0ID,IAAM,MAAA,EAAA,GAAK,IAAI,IAAI,CAAA,CAAA;AACnB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AAmCnC,IAAA,MAAM,OAAO,QAAS,CAAA;AAAA,MACpB,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,UAAA;AAAA,MACN,CAAG,EAAA,CAAA;AAAA,MACH,CAAG,EAAA,CAAA;AAAA,MACH,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,UAAY,EAAA,IAAA;AAAA,MACZ,WAAa,EAAA,IAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,KAAK,KAAO,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,IAAA,GAAO,IAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,WAAgB,QAAS,CAAA;AAAA,MAC7B,IAAM,EAAA,CAAA;AAAA,MACN,GAAK,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,IAAI,EAAE,CAAA,CAAA;AACxB,IAAA,MAAM,MAAM,GAAI,EAAA,CAAA;AAChB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,IAAA,EAAM,SAAS,IAAO,GAAA,IAAA;AAAA,QACtB,GAAA,EAAK,SAAS,GAAM,GAAA,IAAA;AAAA,OACtB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,CAAC,CAAA,EAAQ,KAAe,KAAA;AACzC,MAAI,IAAA,IAAA,CAAK,SAAS,KAAO,EAAA;AACvB,QAAM,MAAA,IAAA,GAAO,GAAI,CAAA,KAAA,CAAM,qBAAsB,EAAA,CAAA;AAC7C,QAAA,QAAA,CAAS,OAAO,QAAS,CAAA,MAAA,CAAO,EAAE,OAAU,GAAA,IAAA,CAAK,CAAC,CAAC,CAAA,CAAA;AACnD,QAAA,QAAA,CAAS,MAAM,QAAS,CAAA,MAAA,CAAO,EAAE,OAAU,GAAA,IAAA,CAAK,CAAC,CAAC,CAAA,CAAA;AAAA,OACpD;AAAA,KACF,CAAA;AAEA,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA;AAAA,QACP,MAAA,CAAA,CAAS,SAAS,IAAO,GAAA,KAAA,CAAM,UAAU,CAAK,IAAA,KAAA,CAAM,OAAW,GAAA,KAAA,CAAM,GAAG,CAAA;AAAA,OAC1E,CAAA;AACA,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA;AAAA,QACP,MAAA,CAAA,CAAS,SAAS,GAAM,GAAA,KAAA,CAAM,UAAU,CAAK,IAAA,KAAA,CAAM,OAAW,GAAA,KAAA,CAAM,GAAG,CAAA;AAAA,OACzE,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,KAAA,CAAM,MAAM,MAAM;AAChB,MAAI,IAAA,KAAA,GAAQ,CAAG,EAAA,IAAA,CAAK,CAAC,CAAA,EAAG,IAAK,CAAA,MAAM,CAAI,CAAA,EAAA,IAAA,CAAK,CAAC,CAAA,EAAG,IAAK,CAAA,MAAM,CAAI,CAAA,EAAA,IAAA,CAAK,KAAK,CAAA,EAAG,IAAK,CAAA,UAAU,CAAI,CAAA,EAAA,IAAA,CAAK,MAAM,CAAA,EAAG,IAAK,CAAA,WAAW,CAAI,CAAA,EAAA,IAAA,CAAK,KAAK,CAAA,CAAA,CAAA;AAC3I,MAAI,IAAA,IAAA,CAAK,SAAS,OAAS,EAAA;AACzB,QAAA,KAAA,GAAQ,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB;AACA,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,CAAC,CAAW,KAAA;AAC9B,MAAA,UAAA,CAAW,GAAG,CAAC,CAAA,CAAA;AACf,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,UAAoB,KAAA;AACrC,MAAA,IAAI,UAAY,EAAA,OAAA,CAAQ,QAAQ,CAAA,GAAI,CAAI,CAAA,EAAA;AACtC,QAAA,IAAA,CAAK,IAAO,GAAA,OAAA,CAAA;AACZ,QAAa,UAAA,GAAA,UAAA,CAAW,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CAAA;AAAA,OAC9C;AACA,MAAM,MAAA,UAAA,GAAa,UAAW,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAC1C,MAAA,IAAI,KAAO,EAAA,YAAA,CAAA;AAEX,MAAI,IAAA,UAAA,CAAW,SAAS,CAAG,EAAA;AAEzB,QAAA,KAAA,GAAQ,MAAS,GAAA,UAAA,CAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAA;AACpC,QAAA,YAAA,GAAe,WAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAAA,OACxC,MAAA;AACL,QAAA,YAAA,GAAe,WAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAC7C,QAAA,KAAA,GAAQ,aAAa,GAAI,EAAA,CAAA;AAAA,OAC3B;AACA,MAAA,IAAA,CAAK,QAAQ,KAAS,IAAA,MAAA,CAAA;AACtB,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AACtC,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AACtC,MAAA,IAAA,CAAK,KAAQ,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AAC1C,MAAA,IAAA,CAAK,MAAS,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AAE3C,MAAM,MAAA,OAAA,GAAU,CAAC,KAAe,KAAA;AAC9B,QAAA,IAAI,IAAO,GAAA,KAAA,EAAO,OAAQ,CAAA,SAAA,EAAW,EAAE,CAAK,IAAA,IAAA,CAAA;AAC5C,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAO,IAAA,GAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,CAAA;AACA,MAAA,IAAA,CAAK,MAAS,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACrC,MAAA,IAAA,CAAK,MAAS,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACrC,MAAA,IAAA,CAAK,UAAa,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACzC,MAAA,IAAA,CAAK,WAAc,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AAC1C,MAAS,QAAA,CAAA,IAAA,GAAO,MAAM,OAAU,GAAA,CAAA,GAAK,KAAK,CAAI,GAAA,KAAA,CAAM,GAAO,GAAA,KAAA,CAAM,OAAW,IAAA,CAAA,CAAA;AAC5E,MAAS,QAAA,CAAA,GAAA,GAAM,MAAM,OAAU,GAAA,CAAA,GAAK,KAAK,CAAI,GAAA,KAAA,CAAM,GAAO,GAAA,KAAA,CAAM,OAAW,IAAA,CAAA,CAAA;AAAA,KAC7E,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAc,KAAA;AAC9B,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAA;AACnB,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MAAA,SAAA,CAAU,MAAM,UAAU,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style-shadow-content.vue2.mjs","sources":["../../../../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-shadow-content\" :style=\"{ '--shadow-box-width': boxSize + 'px' }\">\n    <el-form label-width=\"60px\" label-position=\"left\" class=\"shadow-form-content\" :size=\"size\">\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button label=\"external\">外部</el-radio-button>\n          <el-radio-button label=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <el-input v-model=\"form.x\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.x_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"y轴\">\n        <el-input v-model=\"form.y\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"模糊\">\n        <el-input v-model=\"form.vague\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"扩展\">\n        <el-input v-model=\"form.extend\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n    </el-form>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button v-for=\"(item, key) in props.defaultStyles\" :key=\"key\" size=\"small\" @click=\"setStyle(item)\">{{\n          item.label\n        }}</el-button>\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span id=\"center-spot\" :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\" />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(String(((position.left - props.boxSize / 2) / props.boxSize) * props.max))\n  form.y = parseInt(String(((position.top - props.boxSize / 2) / props.boxSize) * props.max))\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}

package/es/packages/dk-ui/src/table/src/components/RecycleDialog.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RecycleDialog.vue2.mjs","sources":["../../../../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog v-model=\"DkTable.recycleTable.showDialog\" title=\"回收站\" width=\"1000px\" class=\"dk-table\">\n    <div class=\"dk-table-header\">\n      <el-button class=\"table-header-operate\" type=\"info\" @click=\"DkTable.onTableHeaderAction('refreshRecycle')\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"primary\" :disabled=\"!enableBatchOpt\" @click=\"restoreSelect()\">\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"danger\" :disabled=\"!enableBatchOpt\" @click=\"destroySelect()\">\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <!--      <template v-for=\"(item, key) in DkTable.recycleTable.column\">-->\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" width=\"100\">\n        <template #default=\"{ row }\">\n          <el-button icon=\"RefreshLeft\" type=\"primary\" size=\"small\" @click=\"restore([row.id])\"> 还原 </el-button>\n          <el-button icon=\"CloseBold\" type=\"danger\" size=\"small\" @click=\"destroy([row.id])\"> 销毁 </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(() => DkTable.recycleTable.selection!.length > 0)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAuFD,IAAM,MAAA,OAAA,GAAU,OAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAQ,KAAA;AACvB,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAQ,KAAA;AACvB,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,iBAAiB,QAAS,CAAA,MAAM,QAAQ,YAAa,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RecycleDialog.vue2.mjs","sources":["../../../../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog v-model=\"DkTable.recycleTable.showDialog\" title=\"回收站\" width=\"1000px\" class=\"dk-table\">\n    <div class=\"dk-table-header\">\n      <el-button class=\"table-header-operate\" type=\"info\" @click=\"DkTable.onTableHeaderAction('refreshRecycle')\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"primary\" :disabled=\"!enableBatchOpt\" @click=\"restoreSelect()\">\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"danger\" :disabled=\"!enableBatchOpt\" @click=\"destroySelect()\">\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <!--      <template v-for=\"(item, key) in DkTable.recycleTable.column\">-->\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" width=\"100\">\n        <template #default=\"{ row }\">\n          <el-button icon=\"RefreshLeft\" type=\"primary\" size=\"small\" @click=\"restore([row.id])\"> 还原 </el-button>\n          <el-button icon=\"CloseBold\" type=\"danger\" size=\"small\" @click=\"destroy([row.id])\"> 销毁 </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids: any) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids: any) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(() => DkTable.recycleTable.selection!.length > 0)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAuFD,IAAM,MAAA,OAAA,GAAU,OAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,iBAAiB,QAAS,CAAA,MAAM,QAAQ,YAAa,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/dk-ui/src/tiny-editor/src/tiny-editor.vue2.mjs

@@ -36,9 +36,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       content_css: props.document ? "document" : "",
       images_upload_handler: handleImageUpload
     });
-    const tinymceSrc = ref(
-      "https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js"
-    );
+    const tinymceSrc = ref("https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js");
     const attachmentRef = ref();
     const editorRef = ref();
     watch(
@@ -104,7 +102,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: "dk-tiny-editor"
         },
         [
-          unref(width) >= props.showDialogWidth ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          unref(width).value >= props.showDialogWidth ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createVNode(unref(Editor), {
               ref_key: "editorRef",
               ref: editorRef,

package/es/packages/dk-ui/src/tiny-editor/src/tiny-editor.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tiny-editor.vue2.mjs","sources":["../../../../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTinyEditor',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-tiny-editor\">\n    <div v-if=\"width >= props.showDialogWidth\">\n      <Editor\n        ref=\"editorRef\"\n        v-model=\"content\"\n        :init=\"init\"\n        :tinymce-script-src=\"tinymceSrc\"\n        @dblclick=\"ondblclick\"\n      />\n    </div>\n    <div v-else>\n      <el-button\n        type=\"primary\"\n        plain\n        style=\"width: 100%\"\n        @click=\"showEditor = true\"\n        >{{ props.buttonText }}</el-button\n      >\n      <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\">\n        <Editor\n          ref=\"editorRef\"\n          v-model=\"content\"\n          :init=\"init\"\n          :tinymce-script-src=\"tinymceSrc\"\n          @dblclick=\"ondblclick\"\n        />\n        <template #footer>\n          <div class=\"text-center\">\n            <el-button\n              type=\"primary\"\n              style=\"width: 200px\"\n              @click=\"showEditor = false\"\n              >确定</el-button\n            >\n          </div>\n        </template>\n      </dk-dialog>\n    </div>\n    <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n  new Promise((resolve, reject) => {\n    UploadAttachment(blobInfo.blob())\n      .then((res) => {\n        progress(100)\n        resolve(res.data.url)\n      })\n      .catch((err) => {\n        reject(err)\n      })\n  })\n\nconst init = ref({\n  ...config,\n  height: props.height,\n  content_css: props.document ? 'document' : '',\n  images_upload_handler: handleImageUpload,\n})\n\nconst tinymceSrc = ref(\n  'https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js'\n)\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    content.value = newValue\n  }\n)\n\nwatch(\n  () => content.value,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n    emit('input', newValue)\n    emit('change', newValue)\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    initShowImage()\n  })\n})\n\nwatch(\n  () => editorRef.value,\n  () => {\n    if (editorRef.value?.getEditor()) {\n      editorRef.value.getEditor().on('showImage', () => {\n        attachmentRef.value.open()\n      })\n    }\n  }\n)\n\nconst initShowImage = () => {\n  if (!editorRef.value?.getEditor()) {\n    setTimeout(() => {\n      initShowImage()\n    }, 1000)\n  } else {\n    editorRef.value.getEditor().on('showImage', () => {\n      attachmentRef.value.open()\n    })\n  }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n  const editor = editorRef.value.getEditor()\n  let html = ''\n  chooseFileList.forEach((item: any) => {\n    html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n  })\n  editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n  console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","init","config"],"mappings":";;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAoDD,IAAM,MAAA,EAAA,GAAK,IAAI,IAAI,CAAA,CAAA;AACnB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AAInC,IAAM,MAAA,OAAA,GAAU,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACpC,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAM,MAAA,iBAAA,GAAoB,CAAC,QAAe,EAAA,QAAA,KACxC,IAAI,OAAQ,CAAA,CAAC,SAAS,MAAW,KAAA;AAC/B,MAAA,gBAAA,CAAiB,SAAS,IAAK,EAAC,CAC7B,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACb,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AACZ,QAAQ,OAAA,CAAA,GAAA,CAAI,KAAK,GAAG,CAAA,CAAA;AAAA,OACrB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACJ,CAAA,CAAA;AAEH,IAAA,MAAMC,SAAO,GAAI,CAAA;AAAA,MACf,GAAGC,IAAA;AAAA,MACH,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,WAAA,EAAa,KAAM,CAAA,QAAA,GAAW,UAAa,GAAA,EAAA;AAAA,MAC3C,qBAAuB,EAAA,iBAAA;AAAA,KACxB,CAAA,CAAA;AAED,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,sEAAA;AAAA,KACF,CAAA;AACA,IAAA,MAAM,gBAAgB,GAAI,EAAA,CAAA;AAC1B,IAAA,MAAM,YAAY,GAAI,EAAA,CAAA;AAGtB,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,QAAa,KAAA;AACZ,QAAA,OAAA,CAAQ,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,OAAQ,CAAA,KAAA;AAAA,MACd,CAAC,QAAa,KAAA;AACZ,QAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAClC,QAAA,IAAA,CAAK,SAAS,QAAQ,CAAA,CAAA;AACtB,QAAA,IAAA,CAAK,UAAU,QAAQ,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,MAAM;AACb,QAAc,aAAA,EAAA,CAAA;AAAA,OACf,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,SAAU,CAAA,KAAA;AAAA,MAChB,MAAM;AACJ,QAAI,IAAA,SAAA,CAAU,KAAO,EAAA,SAAA,EAAa,EAAA;AAChC,UAAA,SAAA,CAAU,KAAM,CAAA,SAAA,EAAY,CAAA,EAAA,CAAG,aAAa,MAAM;AAChD,YAAA,aAAA,CAAc,MAAM,IAAK,EAAA,CAAA;AAAA,WAC1B,CAAA,CAAA;AAAA,SACH;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,IAAI,CAAC,SAAA,CAAU,KAAO,EAAA,SAAA,EAAa,EAAA;AACjC,QAAA,UAAA,CAAW,MAAM;AACf,UAAc,aAAA,EAAA,CAAA;AAAA,WACb,GAAI,CAAA,CAAA;AAAA,OACF,MAAA;AACL,QAAA,SAAA,CAAU,KAAM,CAAA,SAAA,EAAY,CAAA,EAAA,CAAG,aAAa,MAAM;AAChD,UAAA,aAAA,CAAc,MAAM,IAAK,EAAA,CAAA;AAAA,SAC1B,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,cAAwB,KAAA;AACxC,MAAM,MAAA,MAAA,GAAS,SAAU,CAAA,KAAA,CAAM,SAAU,EAAA,CAAA;AACzC,MAAA,IAAI,IAAO,GAAA,EAAA,CAAA;AACX,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAQ,IAAA,IAAA,YAAA,GAAe,KAAK,GAAM,GAAA,wBAAA,CAAA;AAAA,OACnC,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,cAAc,IAAI,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,MAAgB,KAAA;AAClC,MAAA,OAAA,CAAQ,IAAI,MAAM,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tiny-editor.vue2.mjs","sources":["../../../../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTinyEditor',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-tiny-editor\">\n    <div v-if=\"width.value >= props.showDialogWidth\">\n      <Editor ref=\"editorRef\" v-model=\"content\" :init=\"init\" :tinymce-script-src=\"tinymceSrc\" @dblclick=\"ondblclick\" />\n    </div>\n    <div v-else>\n      <el-button type=\"primary\" plain style=\"width: 100%\" @click=\"showEditor = true\">{{ props.buttonText }}</el-button>\n      <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\">\n        <Editor\n          ref=\"editorRef\"\n          v-model=\"content\"\n          :init=\"init\"\n          :tinymce-script-src=\"tinymceSrc\"\n          @dblclick=\"ondblclick\"\n        />\n        <template #footer>\n          <div class=\"text-center\">\n            <el-button type=\"primary\" style=\"width: 200px\" @click=\"showEditor = false\">确定</el-button>\n          </div>\n        </template>\n      </dk-dialog>\n    </div>\n    <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n  new Promise((resolve, reject) => {\n    UploadAttachment(blobInfo.blob())\n      .then((res) => {\n        progress(100)\n        resolve(res.data.url)\n      })\n      .catch((err) => {\n        reject(err)\n      })\n  })\n\nconst init = ref({\n  ...config,\n  height: props.height,\n  content_css: props.document ? 'document' : '',\n  images_upload_handler: handleImageUpload,\n})\n\nconst tinymceSrc = ref('https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js')\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    content.value = newValue\n  }\n)\n\nwatch(\n  () => content.value,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n    emit('input', newValue)\n    emit('change', newValue)\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    initShowImage()\n  })\n})\n\nwatch(\n  () => editorRef.value,\n  () => {\n    if (editorRef.value?.getEditor()) {\n      editorRef.value.getEditor().on('showImage', () => {\n        attachmentRef.value.open()\n      })\n    }\n  }\n)\n\nconst initShowImage = () => {\n  if (!editorRef.value?.getEditor()) {\n    setTimeout(() => {\n      initShowImage()\n    }, 1000)\n  } else {\n    editorRef.value.getEditor().on('showImage', () => {\n      attachmentRef.value.open()\n    })\n  }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n  const editor = editorRef.value.getEditor()\n  let html = ''\n  chooseFileList.forEach((item: any) => {\n    html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n  })\n  editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n  console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","init","config"],"mappings":"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"}