@vipl520/dk-ui 1.0.19 → 1.0.21

package/lib/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 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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"}
+{"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-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]\" @input=\"change = false\"></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  { label: '下居中', value: 'down-center' },\n  { label: '上居中', value: 'up-center' },\n]\nconst emit = defineEmits(['update:modelValue'])\n\nconst change = ref(false)\n\nconst positionChange = (value: string) => {\n  change.value = true\n  switch (value) {\n    case 'left-top':\n      form.value = { left: '1px', top: '1px', right: '', bottom: '' }\n      break\n    case 'left-down':\n      form.value = { left: '1px', bottom: '1px', right: '', up: '' }\n      break\n    case 'right-top':\n      form.value = { top: '1px', right: '1px', left: '', bottom: '' }\n      break\n    case 'right-down':\n      form.value = { right: '1px', bottom: '1px', left: '', up: '' }\n      break\n    case 'down-center':\n      form.value = { left: '1px', right: '1px', bottom: '1px', up: '' }\n      break\n    case 'up-center':\n      form.value = { left: '1px', top: '1px', right: '1px', bottom: '' }\n      break\n  }\n  // emitValue()\n}\nconst emitValue = () => {\n  const data = Object.keys(form.value).reduce((prev: any, cur) => {\n    // 当 change.value 存在时检查是否不等于 '0px'，否则只检查当前 key 是否不等于 'position'\n    if ((change.value && form.value[cur] != '0px') || (!change.value && cur !== 'position')) {\n      if (form.value[cur]) {\n        prev[cur] = form.value[cur]\n      }\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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"}

package/lib/style-shadow-input/index.d.ts

@@ -19,8 +19,8 @@ export declare const StyleShadowInput: import("@vipl520/utils").WithInstall<impo
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "input" | "collapse";
     modelValue: Record<string, any>;
+    type: "input" | "collapse";
 }, {}>>;
 export declare const StyleShadowContent: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
     boxSize: {
@@ -73,9 +73,9 @@ export declare const StyleShadowContent: import("@vipl520/utils").WithInstall<im
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: string;
     max: number;
     size: string;
-    modelValue: string;
     boxSize: number;
     defaultStyles: any;
 }, {}>>;

package/lib/style-shadow-input/src/style-shadow-content.vue.d.ts

@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: string;
     max: number;
     size: string;
-    modelValue: string;
     boxSize: number;
     defaultStyles: any;
 }, {}>;

package/lib/style-shadow-input/src/style-shadow-input.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "input" | "collapse";
     modelValue: Record<string, any>;
+    type: "input" | "collapse";
 }, {}>;
 export default _default;

package/lib/table/index.d.ts

@@ -5,9 +5,8 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
         $props: {
             tableApi?: string | undefined;
             cacheTable?: boolean | undefined;
-            key?: string | number | symbol | undefined;
             style?: unknown;
-            class?: unknown;
+            key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -49,6 +48,7 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            class?: unknown;
         };
         $attrs: {
             [x: string]: unknown;

package/lib/tiny-editor/index.d.ts

@@ -23,7 +23,7 @@ export declare const TinyEditor: import("@vipl520/utils").WithInstall<import("vu
         type: NumberConstructor;
         default: number;
     };
-}, {}, 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<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,14 +49,14 @@ export declare const TinyEditor: import("@vipl520/utils").WithInstall<import("vu
         default: number;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    document: boolean;
-    height: number;
     modelValue: string;
     disabled: boolean;
+    document: boolean;
+    height: number;
     buttonText: string;
     showDialogWidth: number;
 }, {}>>;

package/lib/tiny-editor/src/tiny-editor.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {}, 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<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,14 +49,14 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    document: boolean;
-    height: number;
     modelValue: string;
     disabled: boolean;
+    document: boolean;
+    height: number;
     buttonText: string;
     showDialogWidth: number;
 }, {}>;

package/lib/video-input/index.d.ts

@@ -19,7 +19,7 @@ export declare const VideoInput: import("@vipl520/utils").WithInstall<import("vu
         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<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -41,13 +41,13 @@ export declare const VideoInput: import("@vipl520/utils").WithInstall<import("vu
         default: string;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
+    accept: string;
     showInput: boolean;
     imgSize: number;
 }, {}>>;

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

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

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

@@ -19,7 +19,7 @@ export declare const VideoListInput: import("@vipl520/utils").WithInstall<import
         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<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: () => never[];
         type: ArrayConstructor;
@@ -41,13 +41,13 @@ export declare const VideoListInput: import("@vipl520/utils").WithInstall<import
         type: StringConstructor;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
     modelValue: unknown[];
     disabled: boolean;
+    accept: string;
     imgSize: number;
     limit: number;
 }, {}>>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vipl520/dk-ui",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Vant extension components.",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -34,10 +34,10 @@
     "@vueuse/core": "^10.0.0",
     "axios": "^1.4.0",
     "element-plus": "^2.3.8",
+    "unocss": "^0.58.0",
     "vant": "^4.7.0",
     "vue": "^3.2.0",
-    "vue3-draggable-resizable": "^1.6.5",
-    "unocss": "^0.58.0"
+    "vue3-draggable-resizable": "^1.6.5"
   },
   "dependencies": {
     "@form-create/utils": "^3.1.15",
@@ -48,8 +48,8 @@
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "sortablejs": "1.15.0",
-    "vue3-draggable-resizable": "^1.6.5",
     "unocss": "^0.56.5",
+    "vue3-draggable-resizable": "^1.6.5",
     "vuedraggable": "4.1.0"
   },
   "devDependencies": {