@vipl520/dk-ui 1.0.1

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

@@ -0,0 +1,77 @@
+'use strict';
+
+const defaultConfig = [
+  {
+    name: "DkStyleBoxInput",
+    title: "\u5C3A\u5BF8",
+    props: {},
+    value: {},
+    params: [
+      "marginLeft",
+      "marginTop",
+      "marginRight",
+      "marginBottom",
+      "paddingLeft",
+      "paddingTop",
+      "paddingRight",
+      "paddingBottom",
+      "width",
+      "height"
+    ]
+  },
+  {
+    name: "DkStyleFontInput",
+    title: "\u6587\u5B57",
+    props: {},
+    value: {},
+    params: ["fontSize", "color", "fontWeight", "fontStyle", "textDecoration"]
+  },
+  {
+    name: "DkStyleBackgroundInput",
+    title: "\u80CC\u666F",
+    props: {},
+    value: {},
+    params: ["backgroundColor", "backgroundImage"]
+  },
+  {
+    name: "DkStyleBorderInput",
+    title: "\u8FB9\u6846",
+    props: {},
+    value: {},
+    params: [
+      "borderWidth",
+      "borderStyle",
+      "borderColor",
+      "borderRightWidth",
+      "borderRightStyle",
+      "borderRightColor",
+      "borderLeftWidth",
+      "borderLeftStyle",
+      "borderLeftColor",
+      "borderTopWidth",
+      "borderTopStyle",
+      "borderTopColor",
+      "borderBottomWidth",
+      "borderBottomStyle",
+      "borderBottomColor",
+      "borderRadius"
+    ]
+  },
+  {
+    name: "DkStyleShadowInput",
+    title: "\u9634\u5F71",
+    props: {},
+    value: {},
+    params: ["boxShadow"]
+  }
+  // {
+  //   name: 'DkStylePositionInput',
+  //   title: '位置',
+  //   props: {},
+  //   value: {},
+  //   params: ['top', 'left', 'right', 'bottom'],
+  // },
+];
+
+exports.defaultConfig = defaultConfig;
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../../../src/style-input/src/default.ts"],"sourcesContent":["export type StyleInputConfigItem = {\n  name: string\n  title: string\n  props: Record<string, any>\n  value: Record<string, any>\n  params: string[]\n}\n\nexport type StyleInputConfig = StyleInputConfigItem[]\nexport const defaultConfig: StyleInputConfig = [\n  {\n    name: 'DkStyleBoxInput',\n    title: '尺寸',\n    props: {},\n    value: {},\n    params: [\n      'marginLeft',\n      'marginTop',\n      'marginRight',\n      'marginBottom',\n      'paddingLeft',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'width',\n      'height',\n    ],\n  },\n  {\n    name: 'DkStyleFontInput',\n    title: '文字',\n    props: {},\n    value: {},\n    params: ['fontSize', 'color', 'fontWeight', 'fontStyle', 'textDecoration'],\n  },\n  {\n    name: 'DkStyleBackgroundInput',\n    title: '背景',\n    props: {},\n    value: {},\n    params: ['backgroundColor', 'backgroundImage'],\n  },\n  {\n    name: 'DkStyleBorderInput',\n    title: '边框',\n    props: {},\n    value: {},\n    params: [\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  {\n    name: 'DkStyleShadowInput',\n    title: '阴影',\n    props: {},\n    value: {},\n    params: ['boxShadow'],\n  },\n  // {\n  //   name: 'DkStylePositionInput',\n  //   title: '位置',\n  //   props: {},\n  //   value: {},\n  //   params: ['top', 'left', 'right', 'bottom'],\n  // },\n]\n\n// 根据上面的格式生成类型\n\n// 对象内要包含： name props value params 这样生成的数组\n"],"names":[],"mappings":";;AASO,MAAM,aAAkC,GAAA;AAAA,EAC7C;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,YAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,CAAC,UAAA,EAAY,OAAS,EAAA,YAAA,EAAc,aAAa,gBAAgB,CAAA;AAAA,GAC3E;AAAA,EACA;AAAA,IACE,IAAM,EAAA,wBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,iBAAA,EAAmB,iBAAiB,CAAA;AAAA,GAC/C;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,WAAW,CAAA;AAAA,GACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQF;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var _default = require('./default.js');
+
+const styleInputProps = {
+  /**
+   * 类型定义
+   */
+  components: {
+    default: () => {
+      return _default.defaultConfig;
+    },
+    type: Array
+  },
+  modelValue: {
+    default: () => {
+      return {};
+    },
+    type: Object
+  }
+};
+
+exports.styleInputProps = styleInputProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/style-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { defaultConfig, type StyleInputConfig } from './default'\n\nexport const styleInputProps = {\n  /**\n   * 类型定义\n   */\n  components: {\n    default: () => {\n      return defaultConfig\n    },\n    type: Array as () => StyleInputConfig,\n  },\n  modelValue: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n}\n\nexport type StyleInputProps = ExtractPropTypes<typeof styleInputProps>\n"],"names":["defaultConfig"],"mappings":";;;;AAGO,MAAM,eAAkB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI7B,UAAY,EAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAO,OAAAA,sBAAA,CAAA;AAAA,KACT;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInput_vue_vue_type_script_setup_true_lang = require('./style-input.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _StyleInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
+
+exports.default = _StyleInput;
+//# sourceMappingURL=style-input.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('./props.js');
+
+const _hoisted_1 = { class: "dk-style-input" };
+const _hoisted_2 = {
+  key: 0,
+  class: "p-5px"
+};
+const __default__ = vue.defineComponent({
+  name: "DkStyleInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.styleInputProps,
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const activeNames = vue.ref([0]);
+    const values = vue.ref({});
+    const loading = vue.ref(true);
+    vue.watch(
+      values,
+      () => {
+        const obj = {};
+        Object.keys(values.value).forEach((key) => {
+          Object.keys(values.value[key]).forEach((k) => {
+            obj[k] = values.value[key][k];
+          });
+        });
+        emit("update:modelValue", obj);
+      },
+      {
+        deep: true
+      }
+    );
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        init();
+      }
+    );
+    const init = () => {
+      const components = props.components;
+      const obj = {};
+      components.forEach((item) => {
+        const params = item.params;
+        const paramsObj = {};
+        Object.keys(params).forEach((key) => {
+          const param = params[key];
+          if (props.modelValue[param]) {
+            paramsObj[param] = props.modelValue[param];
+          }
+        });
+        obj[item.name] = paramsObj;
+      });
+      values.value = obj;
+      loading.value = false;
+    };
+    vue.onMounted(() => {
+      init();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: activeNames.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(props.components, (item, key) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+                    key,
+                    title: "",
+                    name: key
+                  }, {
+                    title: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    default: vue.withCtx(() => [
+                      activeNames.value.includes(key) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.mergeProps({
+                        key: 0,
+                        modelValue: values.value[item.name],
+                        "onUpdate:modelValue": ($event) => values.value[item.name] = $event
+                      }, item.props), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["name"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
+        ])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=style-input.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-input.vue2.js","sources":["../../../../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-input\">\n    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-model=\"activeNames\">\n        <el-collapse-item\n          v-for=\"(item, key) in props.components\"\n          :key=\"key\"\n          title=\"\"\n          :name=\"key\"\n        >\n          <template #title>\n            {{ item.title }}\n          </template>\n          <component\n            :is=\"item.name\"\n            v-if=\"activeNames.includes(key)\"\n            v-model=\"values[item.name]\"\n            v-bind=\"item.props\"\n          />\n        </el-collapse-item>\n      </el-collapse>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { computed, onMounted, ref, watch, watchEffect } from 'vue'\n\n\n\nconst props = defineProps(styleInputProps)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\n\nwatch(\n  values,\n  () => {\n    const obj: any = {}\n    Object.keys(values.value).forEach((key) => {\n      Object.keys(values.value[key]).forEach((k) => {\n        obj[k] = values.value[key][k]\n      })\n    })\n    emit('update:modelValue', obj)\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  }\n)\nconst init = () => {\n  const components: any = props.components\n  const obj: any = {}\n  components.forEach((item: any) => {\n    const params = item.params\n    const paramsObj: any = {}\n    Object.keys(params).forEach((key) => {\n      const param = params[key]\n      if (props.modelValue[param]) {\n        paramsObj[param] = props.modelValue[param]\n      }\n    })\n    obj[item.name] = paramsObj\n  })\n  values.value = obj\n  loading.value = false\n}\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAkCD,IAAA,MAAM,WAAc,GAAAC,OAAA,CAAI,CAAC,CAAC,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAcA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAIxB,IAAAC,SAAA;AAAA,MACE,MAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,MAAW,EAAC,CAAA;AAClB,QAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzC,UAAO,MAAA,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAG,CAAC,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAM,KAAA;AAC5C,YAAA,GAAA,CAAI,CAAC,CAAI,GAAA,MAAA,CAAO,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAAA,WAC7B,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AACD,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,aAAkB,KAAM,CAAA,UAAA,CAAA;AAC9B,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AAChC,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAA,MAAM,YAAiB,EAAC,CAAA;AACxB,QAAA,MAAA,CAAO,IAAK,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,OAAO,GAAG,CAAA,CAAA;AACxB,UAAI,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA;AAC3B,YAAA,SAAA,CAAU,KAAK,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WAC3C;AAAA,SACD,CAAA,CAAA;AACD,QAAI,GAAA,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,SAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/style-number-input/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var styleNumberInput = require('./src/style-number-input.vue.js');
+var props = require('./src/props.js');
+
+const StyleNumberInput = utils.withInstall(styleNumberInput.default);
+
+exports.styleNumberInputProps = props.styleNumberInputProps;
+exports.StyleNumberInput = StyleNumberInput;
+exports.default = StyleNumberInput;
+//# sourceMappingURL=index.js.map

package/lib/packages/dk-ui/src/style-number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/style-number-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _StyleNumberInput from './src/style-number-input.vue'\n\nexport const StyleNumberInput = withInstall(_StyleNumberInput)\nexport default StyleNumberInput\n\nexport * from './src/props'\n"],"names":["withInstall","_StyleNumberInput"],"mappings":";;;;;;;;AAGa,MAAA,gBAAA,GAAmBA,kBAAYC,wBAAiB;;;;;;"}

package/lib/packages/dk-ui/src/style-number-input/src/props.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const styleNumberInputProps = {
+  modelValue: {
+    default: "",
+    type: String
+  },
+  // icon
+  icon: {
+    default: "",
+    type: String
+  },
+  // 方向：horizontal、vertical
+  direction: {
+    default: "horizontal",
+    type: String
+  },
+  // 默认单位列表
+  units: {
+    type: Array,
+    default: () => {
+      return ["px", "%"];
+    }
+  },
+  // 存在单位时，是否显示单位选择器
+  showUnit: {
+    default: true,
+    type: Boolean
+  },
+  // 提示内容
+  tooltipContent: {
+    default: "",
+    type: String
+  }
+};
+
+exports.styleNumberInputProps = styleNumberInputProps;
+//# sourceMappingURL=props.js.map

package/lib/packages/dk-ui/src/style-number-input/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/style-number-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleNumberInputProps = {\n  modelValue: {\n    default: '',\n    type: String,\n  },\n  // icon\n  icon: {\n    default: '',\n    type: String,\n  },\n  // 方向：horizontal、vertical\n  direction: {\n    default: 'horizontal',\n    type: String,\n  },\n  // 默认单位列表\n  units: {\n    type: Array as () => string[],\n    default: () => {\n      return ['px', '%']\n    },\n  },\n  // 存在单位时，是否显示单位选择器\n  showUnit: {\n    default: true,\n    type: Boolean,\n  },\n  // 提示内容\n  tooltipContent: {\n    default: '',\n    type: String,\n  },\n}\n\nexport type StyleNumberInputProps = ExtractPropTypes<\n  typeof styleNumberInputProps\n>\n"],"names":[],"mappings":";;AAEO,MAAM,qBAAwB,GAAA;AAAA,EACnC,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,YAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAO,OAAA,CAAC,MAAM,GAAG,CAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}

package/lib/packages/dk-ui/src/style-number-input/src/style-number-input.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleNumberInput_vue_vue_type_script_setup_true_lang = require('./style-number-input.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _StyleNumberInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleNumberInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\style-number-input\\src\\style-number-input.vue"]]);
+
+exports.default = _StyleNumberInput;
+//# sourceMappingURL=style-number-input.vue.js.map

package/lib/packages/dk-ui/src/style-number-input/src/style-number-input.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-number-input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -0,0 +1,173 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('./props.js');
+var utils = require('@vipl520/utils');
+
+const __default__ = vue.defineComponent({
+  name: "DkStyleNumberInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.styleNumberInputProps,
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const values = utils.splitUnit(props.modelValue, props.units);
+    const form = vue.reactive({
+      number: values.number,
+      unit: values.unit || "px"
+    });
+    const isDragging = vue.ref(false);
+    const trackMouseBound = vue.ref(null);
+    const stopChangeBound = vue.ref(null);
+    const startY = vue.ref(0);
+    const startX = vue.ref(0);
+    const handleMouseDown = (event) => {
+      isDragging.value = true;
+      startX.value = event.clientX;
+      startY.value = event.clientY;
+      trackMouseBound.value = handleMouseMove.bind(event);
+      stopChangeBound.value = handleMouseUp.bind(event);
+      document.addEventListener("mousemove", trackMouseBound.value);
+      document.addEventListener("mouseup", stopChangeBound.value);
+      document.body.style.cursor = "ew-resize";
+    };
+    const handleMouseMove = (event) => {
+      if (isDragging.value) {
+        let increment;
+        if (props.direction === "horizontal") {
+          const dx = event.clientX - startX.value;
+          increment = Math.floor(dx / 10);
+          startX.value += increment * 10;
+        } else if (props.direction === "vertical") {
+          const dy = event.clientY - startY.value;
+          increment = Math.floor(dy / 10);
+          startY.value += increment * 10;
+        }
+        form.number = parseInt(form.number + increment);
+      }
+    };
+    const handleMouseUp = () => {
+      console.log("up");
+      document.removeEventListener("mousemove", trackMouseBound.value);
+      document.removeEventListener("mouseup", stopChangeBound.value);
+      document.body.style.cursor = "default";
+      isDragging.value = false;
+    };
+    vue.watch(
+      () => form,
+      () => {
+        if (form.number === "") {
+          emit("update:modelValue", "");
+        } else {
+          emit("update:modelValue", form.number + form.unit);
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        const values2 = utils.splitUnit(props.modelValue, props.units);
+        form.number = values2.number;
+        form.unit = values2.unit || "px";
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["dk-style-number-input", props.direction])
+        },
+        [
+          vue.createVNode(_component_el_input, {
+            modelValue: form.number,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.number = $event),
+            type: "text",
+            controls: false
+          }, vue.createSlots({
+            prefix: vue.withCtx(() => [
+              vue.createElementVNode(
+                "span",
+                {
+                  class: vue.normalizeClass(["w-resize", [`${props.direction}-resize`]]),
+                  onMousemove: handleMouseMove,
+                  onMousedown: handleMouseDown,
+                  onMouseup: handleMouseUp
+                },
+                [
+                  vue.createVNode(_component_el_tooltip, {
+                    class: "item",
+                    effect: "dark",
+                    disabled: !props.tooltipContent,
+                    content: props.tooltipContent,
+                    placement: "top",
+                    "open-delay": 500
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_dk_icon, {
+                        icon: props.icon || "Rank"
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "content"])
+                ],
+                34
+                /* CLASS, HYDRATE_EVENTS */
+              )
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.showUnit ? {
+              name: "append",
+              fn: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: form.unit,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.unit = $event),
+                  style: { "width": "40px" },
+                  "suffix-icon": ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(_ctx.units, (item, index) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_option, {
+                          key: index,
+                          label: item,
+                          value: item
+                        }, null, 8, ["label", "value"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=style-number-input.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-number-input.vue2.js","sources":["../../../../../../src/style-number-input/src/style-number-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleNumberInput',\n});\n</script>\n<template>\n  <div :class=\"['dk-style-number-input', props.direction]\">\n    <el-input v-model=\"form.number\" type=\"text\" :controls=\"false\">\n      <template #prefix>\n        <span\n          class=\"w-resize\"\n          :class=\"[`${props.direction}-resize`]\"\n          @mousemove=\"handleMouseMove\"\n          @mousedown=\"handleMouseDown\"\n          @mouseup=\"handleMouseUp\"\n        >\n          <el-tooltip\n            class=\"item\"\n            effect=\"dark\"\n            :disabled=\"!props.tooltipContent\"\n            :content=\"props.tooltipContent\"\n            placement=\"top\"\n            :open-delay=\"500\"\n          >\n            <dk-icon :icon=\"props.icon || 'Rank'\"></dk-icon>\n          </el-tooltip>\n        </span>\n      </template>\n      <template v-if=\"showUnit\" #append>\n        <el-select v-model=\"form.unit\" style=\"width: 40px\" suffix-icon=\"\">\n          <el-option v-for=\"(item, index) in units\" :key=\"index\" :label=\"item\" :value=\"item\" />\n        </el-select>\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { styleNumberInputProps } from './props'\nimport { reactive, ref, watch } from 'vue'\nimport { splitUnit } from '@vipl520/utils'\n\n\nconst props = defineProps(styleNumberInputProps)\nconst values = splitUnit(props.modelValue, props.units)\nconst form: any = reactive({\n  number: values.number,\n  unit: values.unit || 'px',\n})\n\nconst isDragging = ref(false)\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\nconst startY = ref(0) // 开始的Y坐标\nconst startX = ref(0) // 开始的X坐标\nconst handleMouseDown = (event: any) => {\n  isDragging.value = true\n  startX.value = event.clientX\n  startY.value = event.clientY\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    let increment\n    if (props.direction === 'horizontal') {\n      const dx = event.clientX - startX.value\n      increment = Math.floor(dx / 10)\n      startX.value += increment * 10\n    } else if (props.direction === 'vertical') {\n      const dy = event.clientY - startY.value\n      increment = Math.floor(dy / 10)\n      startY.value += increment * 10\n    }\n    form.number = parseInt(form.number + increment)\n  }\n}\n\nconst handleMouseUp = () => {\n  console.log('up')\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'default'\n  isDragging.value = false\n}\nconst emit = defineEmits(['update:modelValue'])\n\nwatch(\n  () => form,\n  () => {\n    if (form.number === '') {\n      emit('update:modelValue', '')\n    } else {\n      emit('update:modelValue', form.number + form.unit)\n    }\n  },\n  {\n    deep: true,\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    const values = splitUnit(props.modelValue, props.units)\n    form.number = values.number\n    form.unit = values.unit || 'px'\n  }\n)\n</script>\n"],"names":["__MACROS_defineComponent","splitUnit","reactive","ref","watch","values"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var stylePositionInput = require('./src/style-position-input.vue.js');
+var props = require('./src/props.js');
+
+const StylePositionInput = utils.withInstall(stylePositionInput.default);
+
+exports.stylePositionInputProps = props.stylePositionInputProps;
+exports.StylePositionInput = StylePositionInput;
+exports.default = StylePositionInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/style-position-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _StylePositionInput from './src/style-position-input.vue'\n\nexport const StylePositionInput = withInstall(_StylePositionInput)\nexport default StylePositionInput\n\nexport * from './src/props'\n"],"names":["withInstall","_StylePositionInput"],"mappings":";;;;;;;;AAGa,MAAA,kBAAA,GAAqBA,kBAAYC,0BAAmB;;;;;;"}

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

@@ -0,0 +1,13 @@
+'use strict';
+
+const stylePositionInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  }
+};
+
+exports.stylePositionInputProps = stylePositionInputProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/style-position-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const stylePositionInputProps = {\n  modelValue: {\n    type: Object,\n    default: () => {\n      return {}\n    },\n  },\n}\n\nexport type StylePositionInputProps = ExtractPropTypes<\n  typeof stylePositionInputProps\n>\n"],"names":[],"mappings":";;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,GACF;AACF;;;;"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var stylePositionInput_vue_vue_type_script_setup_true_lang = require('./style-position-input.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _StylePositionInput = /* @__PURE__ */ _pluginVue_exportHelper.default(stylePositionInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\style-position-input\\src\\style-position-input.vue"]]);
+
+exports.default = _StylePositionInput;
+//# sourceMappingURL=style-position-input.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-position-input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}