@vipl520/dk-ui 1.0.2 → 1.0.3

package/lib/image-input/src/image-input.vue.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imgSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imgSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    accept: string;
+    placeholder: string;
+    modelValue: string;
+    showInput: boolean;
+    imgSize: number;
+}, {}>;
+export default _default;

package/lib/image-input/src/props.d.ts

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const imageInputProps: {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imgSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type ImageInputProps = ExtractPropTypes<typeof imageInputProps>;

package/lib/image-list-input/index.d.ts

@@ -0,0 +1,55 @@
+export declare const ImageListInput: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    limit: {
+        default: number;
+        type: NumberConstructor;
+    };
+    imgSize: {
+        default: number;
+        type: NumberConstructor;
+    };
+    accept: {
+        default: string;
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    limit: {
+        default: number;
+        type: NumberConstructor;
+    };
+    imgSize: {
+        default: number;
+        type: NumberConstructor;
+    };
+    accept: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    accept: string;
+    modelValue: unknown[];
+    disabled: boolean;
+    imgSize: number;
+    limit: number;
+}, {}>>;
+export default ImageListInput;
+export * from './src/props';

package/lib/image-list-input/src/image-list-input.vue.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    limit: {
+        default: number;
+        type: NumberConstructor;
+    };
+    imgSize: {
+        default: number;
+        type: NumberConstructor;
+    };
+    accept: {
+        default: string;
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    limit: {
+        default: number;
+        type: NumberConstructor;
+    };
+    imgSize: {
+        default: number;
+        type: NumberConstructor;
+    };
+    accept: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    accept: string;
+    modelValue: unknown[];
+    disabled: boolean;
+    imgSize: number;
+    limit: number;
+}, {}>;
+export default _default;

package/lib/image-list-input/src/props.d.ts

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const imageListInputProps: {
+    modelValue: {
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    limit: {
+        default: number;
+        type: NumberConstructor;
+    };
+    imgSize: {
+        default: number;
+        type: NumberConstructor;
+    };
+    accept: {
+        default: string;
+        type: StringConstructor;
+    };
+};
+export type ImageListInputProps = ExtractPropTypes<typeof imageListInputProps>;

package/lib/index.d.ts

@@ -0,0 +1,35 @@
+import type { App } from 'vue';
+export * from './tiny-editor';
+export * from './icon';
+export * from './group';
+export * from './color-input';
+export * from './form';
+export * from './attachment';
+export * from './attachment-dialog';
+export * from './file-input';
+export * from './image-input';
+export * from './audio-input';
+export * from './video-input';
+export * from './file-list-input';
+export * from './image-list-input';
+export * from './audio-list-input';
+export * from './video-list-input';
+export * from './icon-input';
+export * from './page-diy';
+export * from './box-size-input';
+export * from './test';
+export * from './style-input';
+export * from './style-box-input';
+export * from './style-font-input';
+export * from './style-border-input';
+export * from './style-shadow-input';
+export * from './style-background-input';
+export * from './style-position-input';
+export * from './style-number-input';
+export * from './table';
+export * from './select';
+export declare const install: (app: App, option?: any) => void;
+declare const _default: {
+    install: (app: App<any>, option?: any) => void;
+};
+export default _default;

package/lib/packages/dk-ui/src/box-size-input/src/box-size-input.vue2.js

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

package/lib/packages/dk-ui/src/box-size-input/src/box-size-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-size-input.vue2.js","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","ref","useElementSize","reactive","computed","unit","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"box-size-input.vue2.js","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","ref","useElementSize","reactive","computed","unit","watch","onMounted"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAsFD,IAAA,MAAM,KAAUC,OAAI,EAAA,CAAA;AACpB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAAC,mBAAA,CAAe,EAAE,CAAA,CAAA;AAEnC,IAAA,MAAM,YAAiBC,YAAS,CAAA;AAAA,MAC9B,GAAK,EAAA,EAAA;AAAA;AAAA,MAEL,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA;AAAA,KAET,CAAA,CAAA;AAED,IAAA,MAAM,OAAYA,YAAS,CAAA;AAAA,MACzB,GAAK,EAAA,IAAA;AAAA,MACL,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,KAAK,KAAO,EAAA,IAAA,EAAM,MAAM,MAAM,CAAA,CAAA;AACnD,IAAM,MAAA,QAAA,GAAWF,QAAI,EAAE,CAAA,CAAA;AACvB,IAAM,MAAA,OAAA,GAAUA,OAAI,CAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AACxC,IAAM,MAAA,UAAA,GAAaA,QAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,eAAA,GAAkBA,QAAI,KAAK,CAAA,CAAA;AACjC,IAAM,MAAA,eAAA,GAAuBA,QAAI,IAAI,CAAA,CAAA;AACrC,IAAM,MAAA,eAAA,GAAuBA,QAAI,IAAI,CAAA,CAAA;AAErC,IAAM,MAAA,OAAA,GAAUG,aAAS,MAAM;AAC7B,MAAO,OAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AACzB,QAAO,OAAA;AAAA,UACL,KAAO,EAAA,IAAA;AAAA,UACP,KAAO,EAAA,IAAA;AAAA,SACT,CAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAS,MAAM;AAC/B,MAAI,IAAA,IAAA,CAAA;AACJ,MAAI,IAAA,KAAA,CAAM,SAAS,QAAU,EAAA;AAC3B,QAAO,IAAA,GAAA;AAAA,UACL;AAAA,YACE,QAAU,EAAA,OAAA;AAAA,YACV,IAAM,EAAA,cAAA;AAAA,YACN,IAAM,EAAA,mCAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,QAAU,EAAA,QAAA;AAAA,YACV,IAAM,EAAA,cAAA;AAAA,YACN,IAAM,EAAA,oCAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,QAAU,EAAA,QAAA;AAAA,YACV,IAAM,EAAA,cAAA;AAAA,YACN,IAAM,EAAA,uCAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,QAAU,EAAA,OAAA;AAAA,YACV,IAAM,EAAA,cAAA;AAAA,YACN,IAAM,EAAA,wCAAA;AAAA,WACR;AAAA,SACF,CAAA;AAAA,OACK,MAAA;AACL,QAAO,IAAA,GAAA;AAAA,UACL,EAAE,QAAU,EAAA,OAAA,EAAS,IAAM,EAAA,QAAA,EAAK,MAAM,SAAU,EAAA;AAAA,UAChD,EAAE,QAAU,EAAA,QAAA,EAAU,IAAM,EAAA,QAAA,EAAK,MAAM,YAAa,EAAA;AAAA,UACpD,EAAE,QAAU,EAAA,OAAA,EAAS,IAAM,EAAA,QAAA,EAAK,MAAM,WAAY,EAAA;AAAA,UAClD,EAAE,QAAU,EAAA,QAAA,EAAU,IAAM,EAAA,QAAA,EAAK,MAAM,WAAY,EAAA;AAAA,SACrD,CAAA;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAM,MAAA,eAAA,GAAkB,CAAC,SAAA,EAAgB,KAAe,KAAA;AACtD,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AACnB,MAAA,MAAA,CAAO,QAAQ,KAAM,CAAA,OAAA,CAAA;AACrB,MAAA,QAAA,CAAS,KAAQ,GAAA,SAAA,CAAA;AACjB,MAAgB,eAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAClD,MAAgB,eAAA,CAAA,KAAA,GAAQ,aAAc,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAChD,MAAS,QAAA,CAAA,gBAAA,CAAiB,WAAa,EAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC5D,MAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC1D,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,MAAS,GAAA,WAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,KAAe,KAAA;AACtC,MAAA,IAAI,WAAW,KAAO,EAAA;AACpB,QAAA,SAAA,CAAU,QAAS,CAAA,KAAK,CAAI,GAAA,KAAA,CAAM,UAAU,MAAO,CAAA,KAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAS,QAAA,CAAA,mBAAA,CAAoB,WAAa,EAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC/D,MAAS,QAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC7D,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,MAAS,GAAA,SAAA,CAAA;AAC7B,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,MAAA,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAM,MAAA,OAAA,GAAU,CAAC,KAAkB,KAAA;AACjC,QAAA,IAAIC,KAAO,GAAA,IAAA,CAAA;AACX,QAAM,KAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACtB,UAAI,IAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAG,EAAA;AACxB,YAAAA,KAAO,GAAA,IAAA,CAAA;AAAA,WACT;AAAA,SACD,CAAA,CAAA;AACD,QAAOA,OAAAA,KAAAA,CAAAA;AAAA,OACT,CAAA;AAEA,MAAA,MAAM,MAAM,KAAM,CAAA,UAAA,CAAW,MAAM,GAAG,CAAA,IAAK,CAAC,KAAK,CAAA,CAAA;AACjD,MAAI,IAAA,CAAC,OAAO,MAAS,GAAA,KAAA,EAAO,QAAQ,KAAO,EAAA,MAAA,GAAS,MAAM,CAAI,GAAA,GAAA,CAAA;AAE9D,MAAI,IAAA,GAAA,CAAI,WAAW,CAAG,EAAA;AACpB,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,OAClB,MAAA,IAAW,GAAI,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,QAAS,MAAA,GAAA,EAAA,CAAA;AAAA,OACX,MAAA,IAAW,GAAI,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,QAAQ,KAAA,GAAA,KAAA,CAAA;AACR,QAAS,MAAA,GAAA,MAAA,CAAA;AAAA,OACJ,MAAA;AACL,QAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,QAAA,MAAA,GAAS,QAAQ,MAAS,GAAA,KAAA,CAAA;AAAA,OAC5B;AAEA,MAAA,MAAM,cAAsB,GAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,OAAO,MAAO,EAAA,CAAA;AAC3D,MAAA,KAAA,MAAW,OAAO,cAAgB,EAAA;AAChC,QAAA,SAAA,CAAU,GAAG,CAAI,GAAA,QAAA,CAAS,cAAe,CAAA,GAAG,CAAC,CAAK,IAAA,CAAA,CAAA;AAClD,QAAA,IAAA,CAAK,GAAG,CAAA,GAAI,OAAQ,CAAA,cAAA,CAAe,GAAG,CAAC,CAAA,CAAA;AAAA,OACzC;AAEA,MAAA,IAAI,QAAQ,KAAO,EAAA;AACjB,QAAA,SAAA,CAAU,MAAM,SAAU,CAAA,KAAA,CAAA;AAC1B,QAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAU,SAAA,EAAA,CAAA;AAAA,OACZ;AAAA,KACF,CAAA;AA2BA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,QAAQ,KAAO,EAAA;AACjB,QAAI,IAAA,IAAA,CAAK,QAAQ,MAAQ,EAAA;AACvB,UAAA,IAAA,CAAK,qBAAqB,MAAM,CAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAA,IAAA,CAAK,qBAAqB,CAAG,EAAA,SAAA,CAAU,GAAG,CAAG,EAAA,IAAA,CAAK,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,SACzD;AAAA,OACK,MAAA;AAEL,QAAA,IAAI,KAAQ,GAAA,EAAA,CAAA;AACZ,QAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,UAAA,IAAI,GAAQ,KAAA,KAAA;AAAO,YAAA,SAAA;AACnB,UAAI,IAAA,IAAA,CAAK,GAAG,CAAA,KAAM,MAAQ,EAAA;AACxB,YAAS,KAAA,IAAA,OAAA,CAAA;AAAA,WACJ,MAAA;AACL,YAAA,KAAA,IAAS,GAAG,SAAU,CAAA,GAAG,CAAC,CAAG,EAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,WACxC;AAAA,SACF;AACA,QAAK,IAAA,CAAA,mBAAA,EAAqB,KAAM,CAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OACxC;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA,CAAM,WAAW,MAAM;AACrB,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AACD,IAAAA,SAAA,CAAM,SAAS,MAAM;AACnB,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AACD,IAAAA,SAAA,CAAM,MAAM,MAAM;AAChB,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAOD,IAAAC,aAAA,CAAU,MAAM;AACd,MAAU,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/form/src/form.vue2.js

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

package/lib/packages/dk-ui/src/form/src/form.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.js","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","createNamespace","formCreate","value","isArray","config","reactive","_config","ref","computed","isNumber","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":"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"}
+{"version":3,"file":"form.vue2.js","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","createNamespace","formCreate","value","isArray","config","reactive","_config","ref","computed","isNumber","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":";;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA2DD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAEvC,IAAAC,sBAAA,CAAW,QAAS,CAAA;AAAA,MAClB,IAAM,EAAA,MAAA;AAAA,MACN,IAAK,CAAA,EAAE,KAAAC,EAAAA,MAAAA,IAAS,IAAM,EAAA;AAEpB,QAAI,IAAA,CAACC,aAAQD,CAAAA,MAAK,CAAG,EAAA;AACnB,UAAAA,MAAAA,GAAQ,CAACA,MAAK,CAAA,CAAA;AAAA,SAChB;AACA,QAAA,IAAA,CAAK,MAAS,GAAA;AAAA,UACZ,IAAM,EAAA,GAAA;AAAA,UACN,QAAUA,EAAAA,MAAAA;AAAA,UACV,KAAO,EAAA,WAAA;AAAA,SACT,CAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAaD,uBAAW,KAAM,EAAA,CAAA;AAIpC,IAAM,MAAAG,QAAA,GAASC,aAASC,cAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAOC,OAAI,EAAA,CAAA;AACjB,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AACxB,IAAM,MAAA,aAAA,GAAgBA,QAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAOC,cAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA;AACvG,IAAM,MAAA,UAAA,GAAaF,QAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,UAAA,GAAaC,aAAS,OAAO,EAAE,GAAGJ,QAAQ,EAAA,GAAG,KAAM,CAAA,WAAA,EAAc,CAAA,CAAA,CAAA;AACvE,IAAM,MAAA,EAAE,KAAM,EAAA,GAAIM,kBAAc,EAAA,CAAA;AAChC,IAAM,MAAA,KAAA,GAAQH,QAAI,IAAI,CAAA,CAAA;AACtB,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,QAAA,IAAY,EAAE,CAAA,CAAA;AAE1C,IAAAI,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAK,IAAA,CAAA,mBAAA,EAAqB,GAAO,IAAA,EAAE,CAAA,CAAA;AAAA,OACrC;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AACd,MAAA,SAAA,CAAU,KAAQ,GAAA,QAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,OAA8B,KAAA;AAClD,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAA,OAAA,GAAU,KAAM,CAAA,OAAA,CAAA;AAAA,OAClB;AAEA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,iBACP,OAAS,EAAA;AAClB,QAAI,IAAA,IAAA,CAAA;AACJ,QAAI,IAAAC,cAAA,CAAS,OAAO,CAAG,EAAA;AACrB,UAAO,IAAA,GAAA,OAAA,CAAA;AAAA,SACF,MAAA;AACL,UAAO,IAAA,GAAA;AAAA,YACL,GAAK,EAAA,OAAA;AAAA,YACL,MAAQ,EAAA,MAAA;AAAA,WACV,CAAA;AAAA,SACF;AACA,QAAAC,aAAA,CAAQ,IAAI,CAAA,CACT,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAA,SAAA,CAAU,QAAQ,GAAI,CAAA,IAAA,CAAA;AACtB,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,SACjB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,UAAA,OAAA,CAAQ,MAAM,GAAG,CAAA,CAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACL;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAA,CAAK,KACF,CAAA,QAAA,EACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAK,IAAA,CAAA,KAAA,CACF,MAAO,CAAA,CAAC,IAAc,KAAA;AACrB,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACd,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,UAAUC,eAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,SACpD,CAAA,CAAA;AAAA,OACJ,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,QAAUA,eAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,OACpD,CAAA,CAAA;AAAA,KACL,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAc,KAAA;AAC9B,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,OACxB;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAQD,aAAA,CAAA;AAAA,UACN,GAAK,EAAA,KAAA,CAAM,IAAO,GAAA,SAAA,CAAU,KAAM,CAAA,MAAA;AAAA,UAClC,MAAA,EAAQ,UAAU,KAAM,CAAA,MAAA;AAAA,UACxB,IAAA,EAAM,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,SACxB,CAAA,CACE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAUC,eAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACzB,UAAK,IAAA,CAAA,QAAA,EAAU,MAAM,GAAG,CAAA,CAAA;AACxB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAUA,eAAA,CAAA,KAAA,CAAM,IAAI,GAAG,CAAA,CAAA;AACvB,UAAK,IAAA,CAAA,MAAA,EAAQ,MAAM,GAAG,CAAA,CAAA;AACtB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CAAA;AAAA,OACE,MAAA;AACL,QAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,UAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","_Select"],"mappings":";;;;;;;;AAGa,MAAA,MAAA,GAASA,kBAAYC,cAAO;;;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","_Select"],"mappings":";;;;;;;;AAGa,MAAA,MAAA,GAAcA,kBAAYC,cAAO;;;;;;"}

package/lib/packages/dk-ui/src/select/src/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","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":["SelectProps"],"mappings":";;;;AAGO,MAAM,WAAc,GAAA;AAAA;AAAA,EAEzB,GAAGA,oBAAA;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.js","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":["SelectProps"],"mappings":";;;;AAGO,MAAM,WAAmB,GAAA;AAAA;AAAA,EAE9B,GAAGA,oBAAA;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/lib/packages/dk-ui/src/style-border-input/src/style-border-input.vue2.js

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

package/lib/packages/dk-ui/src/style-border-input/src/style-border-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-border-input.vue2.js","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","ref","useElementSize","reactive","computed","upper","watch","position","width","onMounted"],"mappings":"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"}
+{"version":3,"file":"style-border-input.vue2.js","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","ref","useElementSize","reactive","computed","upper","watch","position","width","onMounted"],"mappings":";;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAuHD,IAAA,MAAM,YAAY,CAAC,KAAA,EAAO,OAAS,EAAA,QAAA,EAAU,QAAQ,KAAK,CAAA,CAAA;AAC1D,IAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,KAAK,KAAO,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAC1B,IAAA,MAAM,KAAUA,OAAI,EAAA,CAAA;AACpB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAAC,mBAAA,CAAe,EAAE,CAAA,CAAA;AACnC,IAAA,MAAM,cAAc,OAAO;AAAA,MACzB,IAAM,EAAA,IAAA;AAAA,KACR,CAAA,CAAA;AAEA,IAAA,MAAM,OAAYC,YAAS,CAAA;AAAA,MACzB,KAAK,WAAY,EAAA;AAAA,MACjB,OAAO,WAAY,EAAA;AAAA,MACnB,QAAQ,WAAY,EAAA;AAAA,MACpB,MAAM,WAAY,EAAA;AAAA,MAClB,KAAK,WAAY,EAAA;AAAA,MACjB,MAAA,EAAQ,KAAM,CAAA,UAAA,CAAW,YAAgB,IAAA,KAAA;AAAA,KAC1C,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAU,SAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC1B,QAAA,IAAI,SAAS,KAAO,EAAA;AAClB,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAM,KAAA,CAAA,WAAA,GAAc,KAAK,IAAI,CAAA,CAAE,eAAe,IAAK,CAAA,IAAI,EAAE,IAAQ,IAAA,IAAA,CAAA,CAAA;AAAA,WACnE;AACA,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAM,KAAA,CAAA,WAAA,GAAc,IAAK,CAAA,IAAI,CAAE,CAAA,WAAA,CAAA;AAAA,WACjC;AACA,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAM,KAAA,CAAA,WAAA,GAAc,IAAK,CAAA,IAAI,CAAE,CAAA,WAAA,CAAA;AAAA,WACjC;AAAA,SACK,MAAA;AACL,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAA,KAAA,CAAM,QAAW,GAAAC,WAAA,CAAM,IAAI,CAAA,GAAI,OAAO,CAAA,GAAI,IAAK,CAAA,IAAI,CAAE,CAAA,WAAA,IAAe,IAAK,CAAA,IAAI,EAAE,IAAQ,IAAA,IAAA,CAAA,CAAA;AAAA,WACzF;AAEA,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAM,KAAA,CAAA,QAAA,GAAWA,YAAM,IAAI,CAAA,GAAI,OAAO,CAAI,GAAA,IAAA,CAAK,IAAI,CAAE,CAAA,WAAA,CAAA;AAAA,WACvD;AAEA,UAAI,IAAA,IAAA,CAAK,IAAI,CAAA,CAAE,WAAa,EAAA;AAC1B,YAAM,KAAA,CAAA,QAAA,GAAWA,YAAM,IAAI,CAAA,GAAI,OAAO,CAAI,GAAA,IAAA,CAAK,IAAI,CAAE,CAAA,WAAA,CAAA;AAAA,WACvD;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AAED,MAAI,IAAA,IAAA,CAAK,WAAW,KAAO,EAAA;AACzB,QAAA,KAAA,CAAM,eAAe,IAAK,CAAA,MAAA,CAAA;AAAA,OAC5B;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAAC,SAAA,CAAM,QAAQ,MAAM;AAClB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,IAAO,GAAA;AAAA,QACX,aAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,kBAAA;AAAA,QACA,kBAAA;AAAA,QACA,kBAAA;AAAA,QACA,iBAAA;AAAA,QACA,iBAAA;AAAA,QACA,iBAAA;AAAA,QACA,gBAAA;AAAA,QACA,gBAAA;AAAA,QACA,gBAAA;AAAA,QACA,mBAAA;AAAA,QACA,mBAAA;AAAA,QACA,mBAAA;AAAA,QACA,cAAA;AAAA,OACF,CAAA;AAEA,MAAK,IAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACpB,QAAI,IAAA,KAAA,CAAM,UAAW,CAAA,GAAG,CAAG,EAAA;AACzB,UAAA,IAAI,QAAQ,cAAgB,EAAA;AAC1B,YAAK,IAAA,CAAA,MAAA,GAAS,KAAM,CAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAAA,WAC7B,MAAA;AACL,YAAA,IAAI,CAAC,CAAGC,EAAAA,SAAAA,EAAU,QAAQ,CAAI,GAAA,GAAA,CAAI,MAAM,WAAW,CAAA,CAAA;AACnD,YAAI,IAAA,SAAA,GAAYA,UAAS,WAAY,EAAA,CAAA;AACrC,YAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAClC,YAAA,IAAI,SAAU,CAAA,OAAA,CAAQ,SAAS,CAAA,KAAM,CAAI,CAAA,EAAA;AACvC,cAAY,SAAA,GAAA,KAAA,CAAA;AACZ,cAAWA,QAAAA,GAAAA,SAAAA,CAAAA;AAAA,aACb;AACA,YAAA,IAAI,aAAa,OAAS,EAAA;AACxB,cAAMC,MAAAA,MAAAA,GAAQ,QAAS,CAAA,KAAK,CAAK,IAAA,CAAA,CAAA;AACjC,cAAA,MAAM,OAAO,KAAM,CAAA,OAAA,CAAQA,MAAQ,GAAA,EAAA,EAAI,EAAE,CAAK,IAAA,IAAA,CAAA;AAC9C,cAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,GAAI,CAAI,CAAA,EAAA;AAC5B,gBAAK,IAAA,CAAA,SAAS,EAAE,IAAO,GAAA,IAAA,CAAA;AACvB,gBAAK,IAAA,CAAA,SAAS,EAAE,WAAcA,GAAAA,MAAAA,CAAAA;AAAA,eAChC;AAAA,aACK,MAAA;AACL,cAAA,IAAA,CAAK,SAAS,CAAA,CAAE,QAAW,GAAA,QAAQ,CAAI,GAAA,KAAA,CAAA;AAAA,aACzC;AAAA,WACF;AAAA,SACK,MAAA;AACL,UAAA,IAAI,QAAQ,cAAgB,EAAA;AAC1B,YAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAA;AAAA,WACT,MAAA;AAEL,YAAA,IAAI,CAAC,CAAGD,EAAAA,SAAAA,EAAU,QAAQ,CAAI,GAAA,GAAA,CAAI,MAAM,WAAW,CAAA,CAAA;AAEnD,YAAI,IAAA,SAAA,GAAYA,UAAS,WAAY,EAAA,CAAA;AACrC,YAAA,IAAI,SAAU,CAAA,OAAA,CAAQ,SAAS,CAAA,KAAM,CAAI,CAAA,EAAA;AACvC,cAAY,SAAA,GAAA,KAAA,CAAA;AACZ,cAAWA,QAAAA,GAAAA,SAAAA,CAAAA;AAAA,aACb;AACA,YAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAClC,YAAA,IAAI,aAAa,OAAS,EAAA;AACxB,cAAO,OAAA,IAAA,CAAK,SAAS,CAAE,CAAA,WAAA,CAAA;AACvB,cAAO,OAAA,IAAA,CAAK,SAAS,CAAE,CAAA,IAAA,CAAA;AAAA,aAClB,MAAA;AACL,cAAA,OAAO,IAAK,CAAA,SAAS,CAAE,CAAA,QAAA,GAAW,QAAQ,CAAA,CAAA;AAAA,aAC5C;AAAA,WACF;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAI,IAAA,QAAA,CAAS,UAAU,KAAO,EAAA;AAC5B,QAAU,SAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC1B,UAAA,IAAI,SAAS,KAAO,EAAA;AAClB,YAAA,IAAA,CAAK,IAAI,CAAI,GAAA;AAAA,cACX,IAAM,EAAA,IAAA;AAAA,aACR,CAAA;AAAA,WACF;AAAA,SACD,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAU,SAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC1B,UAAA,IAAI,SAAS,KAAO,EAAA;AAClB,YAAA,IAAA,CAAK,IAAI,CAAI,GAAA;AAAA,cACX,IAAM,EAAA,IAAA;AAAA,aACR,CAAA;AAAA,WACF;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AACA,IAAM,MAAA,GAAA,GAAM,CAAC,KAAe,KAAA;AAC1B,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAA;AAAA,OACT,MAAA;AACL,QAAA,OAAO,IAAK,CAAA,QAAA,CAAS,KAAK,CAAA,CAAE,KAAK,CAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAEA,IAAAD,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAAG,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/style-position-input/src/style-position-input.vue2.js

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

package/lib/packages/dk-ui/src/style-position-input/src/style-position-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-position-input.vue2.js","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","ref","useElementSize","computed","watch"],"mappings":"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"}
+{"version":3,"file":"style-position-input.vue2.js","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","ref","useElementSize","computed","watch"],"mappings":"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"}