@vipl520/dk-ui 1.0.2 → 1.0.3

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"style-shadow-content.vue2.js","sources":["../../../../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div\n    ref=\"el\"\n    class=\"dk-style-shadow-content\"\n    :style=\"{ '--shadow-box-width': boxSize + 'px' }\"\n  >\n    <el-form\n      label-width=\"60px\"\n      label-position=\"left\"\n      class=\"shadow-form-content\"\n      :size=\"size\"\n    >\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button label=\"external\">外部</el-radio-button>\n          <el-radio-button label=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <el-input v-model=\"form.x\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.x_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"y轴\">\n        <el-input v-model=\"form.y\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.y_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"模糊\">\n        <el-input v-model=\"form.vague\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.vague_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"扩展\">\n        <el-input v-model=\"form.extend\" type=\"number\">\n          <template #append>\n            <el-select\n              v-model=\"form.extend_unit\"\n              placeholder=\"请选择\"\n              class=\"w-40px\"\n              suffix-icon=\"\"\n            >\n              <el-option\n                v-for=\"item in units\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n    </el-form>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button\n          v-for=\"(item, key) in props.defaultStyles\"\n          :key=\"key\"\n          size=\"small\"\n          @click=\"setStyle(item)\"\n          >{{ item.label }}</el-button\n        >\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span\n          id=\"center-spot\"\n          :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\"\n        />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(\n    String(((position.left - props.boxSize / 2) / props.boxSize) * props.max)\n  )\n  form.y = parseInt(\n    String(((position.top - props.boxSize / 2) / props.boxSize) * props.max)\n  )\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"style-shadow-content.vue2.js","sources":["../../../../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-shadow-content\" :style=\"{ '--shadow-box-width': boxSize + 'px' }\">\n    <el-form label-width=\"60px\" label-position=\"left\" class=\"shadow-form-content\" :size=\"size\">\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button label=\"external\">外部</el-radio-button>\n          <el-radio-button label=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <el-input v-model=\"form.x\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.x_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"y轴\">\n        <el-input v-model=\"form.y\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"模糊\">\n        <el-input v-model=\"form.vague\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"扩展\">\n        <el-input v-model=\"form.extend\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n    </el-form>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button v-for=\"(item, key) in props.defaultStyles\" :key=\"key\" size=\"small\" @click=\"setStyle(item)\">{{\n          item.label\n        }}</el-button>\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span id=\"center-spot\" :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\" />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(String(((position.left - props.boxSize / 2) / props.boxSize) * props.max))\n  form.y = parseInt(String(((position.top - props.boxSize / 2) / props.boxSize) * props.max))\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","watch","onMounted"],"mappings":"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"}

package/lib/packages/dk-ui/src/table/src/components/RecycleDialog.vue2.js.map

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

package/lib/packages/dk-ui/src/tiny-editor/src/tiny-editor.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"tiny-editor.vue2.js","sources":["../../../../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTinyEditor',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-tiny-editor\">\n    <div v-if=\"width >= props.showDialogWidth\">\n      <Editor\n        ref=\"editorRef\"\n        v-model=\"content\"\n        :init=\"init\"\n        :tinymce-script-src=\"tinymceSrc\"\n        @dblclick=\"ondblclick\"\n      />\n    </div>\n    <div v-else>\n      <el-button\n        type=\"primary\"\n        plain\n        style=\"width: 100%\"\n        @click=\"showEditor = true\"\n        >{{ props.buttonText }}</el-button\n      >\n      <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\">\n        <Editor\n          ref=\"editorRef\"\n          v-model=\"content\"\n          :init=\"init\"\n          :tinymce-script-src=\"tinymceSrc\"\n          @dblclick=\"ondblclick\"\n        />\n        <template #footer>\n          <div class=\"text-center\">\n            <el-button\n              type=\"primary\"\n              style=\"width: 200px\"\n              @click=\"showEditor = false\"\n              >确定</el-button\n            >\n          </div>\n        </template>\n      </dk-dialog>\n    </div>\n    <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n  new Promise((resolve, reject) => {\n    UploadAttachment(blobInfo.blob())\n      .then((res) => {\n        progress(100)\n        resolve(res.data.url)\n      })\n      .catch((err) => {\n        reject(err)\n      })\n  })\n\nconst init = ref({\n  ...config,\n  height: props.height,\n  content_css: props.document ? 'document' : '',\n  images_upload_handler: handleImageUpload,\n})\n\nconst tinymceSrc = ref(\n  'https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js'\n)\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    content.value = newValue\n  }\n)\n\nwatch(\n  () => content.value,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n    emit('input', newValue)\n    emit('change', newValue)\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    initShowImage()\n  })\n})\n\nwatch(\n  () => editorRef.value,\n  () => {\n    if (editorRef.value?.getEditor()) {\n      editorRef.value.getEditor().on('showImage', () => {\n        attachmentRef.value.open()\n      })\n    }\n  }\n)\n\nconst initShowImage = () => {\n  if (!editorRef.value?.getEditor()) {\n    setTimeout(() => {\n      initShowImage()\n    }, 1000)\n  } else {\n    editorRef.value.getEditor().on('showImage', () => {\n      attachmentRef.value.open()\n    })\n  }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n  const editor = editorRef.value.getEditor()\n  let html = ''\n  chooseFileList.forEach((item: any) => {\n    html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n  })\n  editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n  console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","UploadAttachment","config","watch","onMounted","nextTick"],"mappings":"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"}
+{"version":3,"file":"tiny-editor.vue2.js","sources":["../../../../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTinyEditor',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-tiny-editor\">\n    <div v-if=\"width.value >= props.showDialogWidth\">\n      <Editor ref=\"editorRef\" v-model=\"content\" :init=\"init\" :tinymce-script-src=\"tinymceSrc\" @dblclick=\"ondblclick\" />\n    </div>\n    <div v-else>\n      <el-button type=\"primary\" plain style=\"width: 100%\" @click=\"showEditor = true\">{{ props.buttonText }}</el-button>\n      <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\">\n        <Editor\n          ref=\"editorRef\"\n          v-model=\"content\"\n          :init=\"init\"\n          :tinymce-script-src=\"tinymceSrc\"\n          @dblclick=\"ondblclick\"\n        />\n        <template #footer>\n          <div class=\"text-center\">\n            <el-button type=\"primary\" style=\"width: 200px\" @click=\"showEditor = false\">确定</el-button>\n          </div>\n        </template>\n      </dk-dialog>\n    </div>\n    <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n  new Promise((resolve, reject) => {\n    UploadAttachment(blobInfo.blob())\n      .then((res) => {\n        progress(100)\n        resolve(res.data.url)\n      })\n      .catch((err) => {\n        reject(err)\n      })\n  })\n\nconst init = ref({\n  ...config,\n  height: props.height,\n  content_css: props.document ? 'document' : '',\n  images_upload_handler: handleImageUpload,\n})\n\nconst tinymceSrc = ref('https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js')\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    content.value = newValue\n  }\n)\n\nwatch(\n  () => content.value,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n    emit('input', newValue)\n    emit('change', newValue)\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    initShowImage()\n  })\n})\n\nwatch(\n  () => editorRef.value,\n  () => {\n    if (editorRef.value?.getEditor()) {\n      editorRef.value.getEditor().on('showImage', () => {\n        attachmentRef.value.open()\n      })\n    }\n  }\n)\n\nconst initShowImage = () => {\n  if (!editorRef.value?.getEditor()) {\n    setTimeout(() => {\n      initShowImage()\n    }, 1000)\n  } else {\n    editorRef.value.getEditor().on('showImage', () => {\n      attachmentRef.value.open()\n    })\n  }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n  const editor = editorRef.value.getEditor()\n  let html = ''\n  chooseFileList.forEach((item: any) => {\n    html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n  })\n  editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n  console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","UploadAttachment","config","watch","onMounted","nextTick"],"mappings":"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"}

package/lib/page-diy/index.d.ts

@@ -0,0 +1,246 @@
+export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<Readonly<{
+    config?: any;
+    loading?: any;
+    menu?: any;
+    mask?: any;
+    height?: any;
+    locale?: any;
+}>, {
+    countObj: import("vue").ComputedRef<{}>;
+    diyTree: import("vue").ComputedRef<any[]>;
+    clear(type?: string): void;
+    get(): {
+        rule: any;
+        config: {};
+    };
+    set(value: any): void;
+    unWatchActiveRule(): void;
+    watchActiveRule(): void;
+    makeChildren(children: any): any;
+    addMenu(config: any): void;
+    removeMenu(name: any): void;
+    setMenuItem(name: any, list: any): void;
+    appendMenuItem(name: any, item: any): void;
+    removeMenuItem(item: any): void;
+    addComponent(component: any): void;
+    getParent(rule: any): {
+        root: any;
+        parent: any;
+    };
+    makeDrag(group: any, tag: any, children: any, on: any): {
+        type: string;
+        wrap: {
+            show: boolean;
+        };
+        col: {
+            show: boolean;
+        };
+        inject: boolean;
+        props: {
+            rule: {
+                props: {
+                    tag: string;
+                    group: any;
+                    ghostClass: string;
+                    animation: number;
+                    emptyInsertThreshold: number;
+                    direction: string;
+                    itemKey: string;
+                };
+            };
+            tag: any;
+        };
+        children: any;
+        on: any;
+    };
+    makeDragRule(children: any): any;
+    previewFc(): void;
+    getPageConfig(): {};
+    setPageConfig(pageConfig: any): void;
+    getRule(): any;
+    getJson(): string;
+    setRule(rules: any): void;
+    clearActiveRule(): void;
+    loadRule(rules: any): any[];
+    parseRule(children: any, isTree?: boolean): any;
+    baseChange(field: any, value: any, _: any, fapi: any): void;
+    dkSettingChange(field: any, value: any, _: any, fapi: any, flag: any): void;
+    propRemoveField(field: any, _: any, fapi: any): void;
+    propChange(field: any, value: any, _: any, fapi: any): void;
+    dkPageChange(field: any, value: any, _: any, fapi: any, flag: any): void;
+    nodeClick(row: any): void;
+    delRule(id: any, children?: null): void;
+    chooseRule(id: any, children?: null): void;
+    toolActive(rule: any): void;
+    updateShowStyle(rule: any): void;
+    updateRuleFormData(): void;
+    dragStart(children: any): void;
+    dragUnchoose(children: any, evt: any): void;
+    dragAdd(children: any, evt: any): false | undefined;
+    dragEnd(children: any, { newIndex, oldIndex }: {
+        newIndex: any;
+        oldIndex: any;
+    }): void;
+    makeRule(config: any, _rule: any): any;
+    onResizerMouseDown(name: any, e: any): void;
+    onResizerMouseUp(): void;
+    onResizerMouseMove(e: any): void;
+    hideAside(name: any): void;
+    allowDrop(draggingNode: any, dropNode: any, type: any): boolean;
+    allowDrag(draggingNode: any): true | undefined;
+    nodeDrop(node: any, dropNode: any, type: any, event: any): void;
+    cacheProps: import("vue").Ref<{}>;
+    moveRule: import("vue").Ref<null>;
+    addRule: import("vue").Ref<null>;
+    added: import("vue").Ref<null>;
+    activeTab: import("vue").Ref<string>;
+    activeRule: import("vue").Ref<null>;
+    children: import("vue").Ref<never[]>;
+    menuList: import("vue").Ref<any>;
+    showBaseRule: import("vue").Ref<boolean>;
+    showDkSettingRule: import("vue").Ref<boolean>;
+    visible: import("vue").Ref<{
+        preview: boolean;
+    }>;
+    preview: import("vue").Ref<{
+        state: boolean;
+        rule: never[];
+        option: {};
+    }>;
+    diyCloud: import("vue").Ref<{
+        pageName: string;
+        show: boolean;
+    }>;
+    dragForm: import("vue").Ref<{
+        rule: never[];
+        api: {};
+        option: {
+            form: {};
+            submitBtn: boolean;
+        };
+    }>;
+    dkSettingForm: import("vue").Ref<{
+        rule: {
+            type: string;
+            props: {
+                modelValue: string;
+            };
+            style: string;
+            children: {
+                type: string;
+                props: {
+                    name: string;
+                };
+                children: ({
+                    type: string;
+                    slot: string;
+                    style: string;
+                    children: ({
+                        type: string;
+                        style: string;
+                        children?: undefined;
+                    } | {
+                        type: string;
+                        children: any[];
+                        style?: undefined;
+                    })[];
+                } | {
+                    type: string;
+                    field: string;
+                    value: {};
+                    title: string;
+                    props: {
+                        height: number;
+                    };
+                })[];
+            }[];
+        }[];
+        api: {};
+        options: {
+            form: {
+                labelPosition: string;
+                size: string;
+                labelWidth: string;
+            };
+            submitBtn: boolean;
+            mounted: (fapi: any) => void;
+        };
+    }>;
+    dkPageForm: import("vue").Ref<{
+        rule: {
+            type: string;
+            field: string;
+            value: {};
+            title: string;
+            props: {};
+        }[];
+        api: {};
+        options: {
+            formData: {};
+            form: {
+                labelPosition: string;
+                size: string;
+                labelWidth: string;
+            };
+            submitBtn: boolean;
+            mounted: (fapi: any) => void;
+        };
+    }>;
+    propsForm: import("vue").Ref<{
+        rule: never[];
+        api: {};
+        value: {};
+        options: {
+            form: {
+                labelPosition: string;
+                size: string;
+                labelWidth: string;
+            };
+            submitBtn: boolean;
+            mounted: (fapi: any) => void;
+        };
+    }>;
+    isDragging: import("vue").Ref<boolean>;
+    startValue: import("vue").Ref<number>;
+    dragName: import("vue").Ref<string>;
+    asideValue: import("vue").Ref<number>;
+    trackMouseBound: import("vue").Ref<null>;
+    stopChangeBound: import("vue").Ref<null>;
+    rightAside: import("vue").Ref<{
+        style: {
+            width: string;
+        };
+        hide: boolean;
+    }>;
+    leftAside: import("vue").Ref<{
+        style: {
+            width: string;
+        };
+        hide: boolean;
+    }>;
+    treeAside: import("vue").Ref<{
+        style: {
+            height: string;
+            minHeight: string;
+            maxHeight: string;
+        };
+        hide: boolean;
+        treeData: never[];
+    }>;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    config?: any;
+    loading?: any;
+    menu?: any;
+    mask?: any;
+    height?: any;
+    locale?: any;
+}>>>, {
+    readonly config?: any;
+    readonly loading?: any;
+    readonly menu?: any;
+    readonly mask?: any;
+    readonly height?: any;
+    readonly locale?: any;
+}, {}>>;
+export default PageDiy;
+export * from './src/props';

package/lib/page-diy/src/components/DragBox.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    tag?: any;
+    rule?: any;
+    formCreateInject?: any;
+}>, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    tag?: any;
+    rule?: any;
+    formCreateInject?: any;
+}>>>, {
+    readonly tag?: any;
+    readonly rule?: any;
+    readonly formCreateInject?: any;
+}, {}>;
+export default _default;

package/lib/page-diy/src/components/DragTool.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _default: import("vue").DefineComponent<{
+    dragBtn: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    children: {
+        default: string;
+        type: StringConstructor;
+    };
+    unique: {
+        default: string;
+        type: StringConstructor;
+    };
+    mask: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    setting: {
+        default: () => void;
+        type: ObjectConstructor[];
+    };
+}, {
+    id: import("vue").ComputedRef<string | number>;
+    state: any;
+}, any, {
+    pageConfig(): {};
+    _style(): any;
+    _animate(): "";
+}, {
+    active(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dragBtn: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    children: {
+        default: string;
+        type: StringConstructor;
+    };
+    unique: {
+        default: string;
+        type: StringConstructor;
+    };
+    mask: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    setting: {
+        default: () => void;
+        type: ObjectConstructor[];
+    };
+}>>, {
+    mask: boolean;
+    children: string;
+    setting: Record<string, any>;
+    dragBtn: boolean;
+    unique: string;
+}, {}>;
+export default _default;

package/lib/page-diy/src/components/PreviewPhone.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: {
+        default: string;
+        type: StringConstructor;
+    };
+    pageConfig: {
+        default: () => void;
+        type: ObjectConstructor[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        default: string;
+        type: StringConstructor;
+    };
+    pageConfig: {
+        default: () => void;
+        type: ObjectConstructor[];
+    };
+}>>, {
+    value: string;
+    pageConfig: Record<string, any>;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/page-diy/src/config/base/dkPage.d.ts

@@ -0,0 +1,7 @@
+export default function dkPage(): {
+    type: string;
+    field: string;
+    value: {};
+    title: string;
+    props: {};
+}[];

package/lib/page-diy/src/config/base/dkSetting.d.ts

@@ -0,0 +1,35 @@
+export default function dkSetting(rule?: null): {
+    type: string;
+    props: {
+        modelValue: string;
+    };
+    style: string;
+    children: {
+        type: string;
+        props: {
+            name: string;
+        };
+        children: ({
+            type: string;
+            slot: string;
+            style: string;
+            children: ({
+                type: string;
+                style: string;
+                children?: undefined;
+            } | {
+                type: string;
+                children: any[];
+                style?: undefined;
+            })[];
+        } | {
+            type: string;
+            field: string;
+            value: {};
+            title: string;
+            props: {
+                height: number;
+            };
+        })[];
+    }[];
+}[];

package/lib/page-diy/src/config/base/index.d.ts

@@ -0,0 +1,3 @@
+import dkPage from './dkPage';
+import dkSetting from './dkSetting';
+export { dkPage, dkSetting };