@vipl520/dk-ui 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-box-input.vue2.mjs","sources":["../../../../../../src/style-box-input/src/style-box-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleBoxInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-box-input\">\n    <div class=\"position-line\" :style=\"positionStyle\"></div>\n    <div class=\"header\">\n      <label class=\"items-center\">\n        内外边距 | 高宽\n        <el-popover\n          ref=\"popover\"\n          placement=\"bottom\"\n          title=\"说明\"\n          :width=\"280\"\n          trigger=\"hover\"\n          :content=\"props.help\"\n        >\n          <template #reference>\n            <dk-icon\n              icon=\"QuestionFilled\"\n              class=\"m-l-5px vertical-text-top\"\n            ></dk-icon>\n          </template>\n        </el-popover>\n      </label>\n      <div class=\"float-right cursor-pointer\">\n        <div class=\"name-header-operations\">\n          <el-tooltip\n            class=\"box-item\"\n            effect=\"dark\"\n            content=\"重置高宽\"\n            placement=\"top-start\"\n          >\n            <dk-icon\n              icon=\"Refresh\"\n              color=\"var(--el-color-primary)\"\n              @click=\"onRefresh('widthHeight')\"\n            ></dk-icon>\n          </el-tooltip>\n        </div>\n        <div class=\"name-header-operations\">\n          <el-tooltip\n            class=\"box-item\"\n            effect=\"dark\"\n            content=\"重置内边距\"\n            placement=\"top-start\"\n          >\n            <dk-icon\n              icon=\"Refresh\"\n              color=\"var(--el-color-success)\"\n              @click=\"onRefresh('padding')\"\n            ></dk-icon>\n          </el-tooltip>\n        </div>\n        <div class=\"name-header-operations\">\n          <el-tooltip\n            class=\"box-item\"\n            effect=\"dark\"\n            content=\"重置外边距\"\n            placement=\"top-start\"\n          >\n            <dk-icon\n              icon=\"Refresh\"\n              color=\"var(--el-color-warning)\"\n              @click=\"onRefresh('margin')\"\n            ></dk-icon>\n          </el-tooltip>\n        </div>\n      </div>\n\n      <div\n        tabindex=\"0\"\n        class=\"wrapper\"\n        style=\"margin-top: 10px\"\n        :style=\"{ height: props.height + 'px' }\"\n      >\n        <div\n          class=\"thumnail margin\"\n          :class=\"moves.margin ? 'thumnail-heightlight' : ''\"\n          @mousemove=\"onMouseMove('margin', 'move', $event)\"\n          @mouseleave=\"onMouseMove('margin', 'leave', $event)\"\n        >\n          <!--外边距 Margin-->\n          <div>\n            <div v-for=\"(item, key) in margins\" :key=\"key\">\n              <span\n                :title=\"item.title\"\n                :class=\"`anchor-tip-${item.position} value-indicator`\"\n                @dblclick=\"onDblclick(item.value, key)\"\n              >\n                {{ getValue(styles[item.value]) }}\n              </span>\n              <input\n                ref=\"inputField\"\n                v-model=\"styles[item.value]\"\n                :class=\"\n                  'input-box anchor-tip-' +\n                  item.position +\n                  (showStyles[item.value] ? ' show' : '')\n                \"\n                @blur=\"onBlur(item.value)\"\n              />\n              <svg\n                :width=\"item.svg.width\"\n                :height=\"item.svg.height\"\n                :viewBox=\"item.svg.viewBox\"\n                preserveAspectRatio=\"none\"\n                :data-link-anchor=\"item.value\"\n                :style=\"item.svg.style\"\n                class=\"esm-modal-svg\"\n                v-html=\"item.svg.content\"\n              ></svg>\n            </div>\n          </div>\n          <div\n            style=\"position: absolute; display: none; width: 100%; height: 100%\"\n          ></div>\n          <div class=\"anchor-wrapper\">\n            <div\n              v-for=\"(item, key) in ['left', 'right', 'top', 'bottom']\"\n              :key=\"key\"\n              class=\"anchor\"\n              :class=\"'anchor-' + item\"\n              @mousemove=\"handleMouseMove\"\n              @mousedown=\"handleMouseDown('margin', item, $event)\"\n              @mouseup=\"handleMouseUp\"\n            ></div>\n          </div>\n          <span class=\"title\"> 外边距 </span>\n          <!--外边距 Margin END-->\n\n          <!--内边距 Padding-->\n          <div class=\"thumnail border\">\n            <div\n              class=\"thumnail padding\"\n              :class=\"moves.padding ? 'thumnail-heightlight' : ''\"\n              @mousemove=\"onMouseMove('padding', 'move', $event)\"\n              @mouseleave=\"onMouseMove('padding', 'leave', $event)\"\n            >\n              <div>\n                <div v-for=\"(item, key) in paddings\" :key=\"key\">\n                  <span\n                    :title=\"item.title\"\n                    :class=\"`anchor-tip-${item.position} value-indicator`\"\n                    @dblclick=\"onDblclick(item.value, key + 4)\"\n                  >\n                    {{ getValue(styles[item.value]) }}\n                  </span>\n                  <input\n                    ref=\"inputField\"\n                    v-model=\"styles[item.value]\"\n                    :class=\"\n                      'input-box anchor-tip-' +\n                      item.position +\n                      (showStyles[item.value] ? ' show' : '')\n                    \"\n                    @blur=\"onBlur(item.value)\"\n                  />\n                  <svg\n                    :width=\"item.svg.width\"\n                    :height=\"item.svg.height\"\n                    :viewBox=\"item.svg.viewBox\"\n                    preserveAspectRatio=\"none\"\n                    :data-link-anchor=\"item.value\"\n                    :style=\"item.svg.style\"\n                    class=\"esm-modal-svg\"\n                    v-html=\"item.svg.content\"\n                  ></svg>\n                </div>\n              </div>\n              <div class=\"anchor-wrapper\">\n                <div\n                  v-for=\"(item, key) in ['left', 'right', 'top', 'bottom']\"\n                  :key=\"key\"\n                  class=\"anchor\"\n                  :class=\"'anchor-' + item\"\n                  @mousemove=\"handleMouseMove\"\n                  @mousedown=\"handleMouseDown('padding', item, $event)\"\n                  @mouseup=\"handleMouseUp\"\n                ></div>\n              </div>\n              <span class=\"title\"> 内边距 </span>\n              <!--内边距 END-->\n              <div\n                class=\"thumnail width-height\"\n                :class=\"moves.widthHeight ? 'thumnail-heightlight' : ''\"\n                @mousemove=\"onMouseMove('widthHeight', 'move', $event)\"\n                @mouseleave=\"onMouseMove('widthHeight', 'leave', $event)\"\n              >\n                <span class=\"title\">\n                  <span\n                    class=\"content-unit left-0\"\n                    @dblclick=\"onDblclick('width', 9)\"\n                  >\n                    {{ getValue(styles['width']) }}\n                  </span>\n                  <input\n                    ref=\"inputWidth\"\n                    v-model=\"styles.width\"\n                    class=\"input-box absolute left-5% top-10px\"\n                    :class=\"showStyles['width'] ? ' show' : ''\"\n                    @blur=\"onBlur('width')\"\n                  />\n                  <span> x </span>\n                  <span\n                    class=\"content-unit right-0\"\n                    @dblclick=\"onDblclick('height', 9)\"\n                  >\n                    {{ getValue(styles['height']) }}\n                  </span>\n                  <input\n                    ref=\"inputHeight\"\n                    v-model=\"styles.height\"\n                    class=\"input-box absolute right-5% top-10px\"\n                    :class=\"showStyles['height'] ? ' show' : ''\"\n                    @blur=\"onBlur('height')\"\n                  />\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBoxInputProps } from './props'\nimport { nextTick, reactive, ref, watch } from 'vue'\nimport { margins, paddings } from './html'\nimport { upper } from '@vipl520/utils'\n\n\n\nconst props = defineProps(styleBoxInputProps)\n\nconst moves: any = reactive({\n  margin: false,\n  padding: false,\n  widthHeight: false,\n})\n\nconst inputField = ref()\nconst inputWidth = ref()\nconst inputHeight = ref()\n\nconst styles: any = reactive({\n  marginLeft: props.modelValue.marginLeft || '',\n  marginRight: props.modelValue.marginRight || '',\n  marginTop: props.modelValue.marginTop || '',\n  marginBottom: props.modelValue.marginBottom || '',\n  paddingLeft: props.modelValue.paddingLeft || '',\n  paddingRight: props.modelValue.paddingRight || '',\n  paddingTop: props.modelValue.paddingTop || '',\n  paddingBottom: props.modelValue.paddingBottom || '',\n  width: props.modelValue.width || '',\n  height: props.modelValue.height || '',\n})\nconst emit = defineEmits(['update:modelValue'])\n\nconst height = ref(props.height)\n\nwatch(\n  () => props.height,\n  () => {\n    console.log('height', props.height)\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal, oldVal) => {\n    const propertiesToWatch = [\n      'marginLeft',\n      'marginRight',\n      'marginTop',\n      'marginBottom',\n      'paddingLeft',\n      'paddingRight',\n      'paddingTop',\n      'paddingBottom',\n      'width',\n      'height',\n    ]\n    propertiesToWatch.forEach((property) => {\n      if (newVal[property] !== oldVal[property]) {\n        styles[property] = newVal[property] || ''\n      }\n    })\n  },\n  { deep: true }\n)\n\nwatch(styles, () => {\n  // 过滤 styles 中值为''\n  const _styles = Object.keys(styles).reduce((acc: any, key) => {\n    if (styles[key] !== '') {\n      acc[key] = styles[key]\n    }\n    return acc\n  }, {})\n  emit('update:modelValue', _styles)\n})\n\nconst showStyles: any = reactive({\n  marginLeft: false,\n  marginRight: false,\n  marginTop: false,\n  marginBottom: false,\n  paddingLeft: false,\n  paddingRight: false,\n  paddingTop: false,\n  paddingBottom: false,\n  width: false,\n  height: false,\n})\n\nconst dragging = ref(false)\nconst startPosition: any = reactive({\n  x: 0,\n  y: 0,\n})\n\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\nconst dragPosition = reactive({\n  type: '',\n  position: '',\n})\nconst positionStyle: any = reactive({\n  display: 'none',\n  width: '0px',\n  height: '0px',\n  left: '0px',\n  top: '0px',\n})\n// const handleMouseMove = (event: any) => {\n//   // 处理鼠标移动事件\n//   if (dragging.value) {\n//     const p = dragPosition.position\n//     const type = dragPosition.type\n//     const value = type + upper(p)\n//     if (p === 'left' || p === 'right') {\n//       // 说明是左右移动\n//       positionStyle.left = event.clientX + 'px'\n//       // 根据移动的距离，增加或者减少margin/padding-left/right 的大小\n//       let difference = event.clientX - startPosition.x\n//       if (p === 'left') {\n//         difference = -difference\n//       }\n//       styles[value] = (parseInt(styles[value]) || 0) + difference + 'px'\n//       startPosition.x = event.clientX\n//     } else if (p === 'top' || p === 'bottom') {\n//       positionStyle.top = event.clientY + 'px'\n//       let difference = event.clientY - startPosition.y\n//       if (p === 'top') {\n//         difference = -difference\n//       }\n//       styles[value] = (parseInt(styles[value]) || 0) + difference + 'px'\n//       startPosition.y = event.clientY\n//     }\n//   }\n// }\n\nconst handleMouseMove = (event: any) => {\n  // 处理鼠标移动事件\n  if (!dragging.value) return\n\n  const p = dragPosition.position\n  const type = dragPosition.type\n  const value = type + upper(p)\n\n  const updateStyle = (\n    axis: 'x' | 'y',\n    position: 'top' | 'bottom' | 'left' | 'right'\n  ) => {\n    const clientAxis = axis === 'x' ? 'clientX' : 'clientY'\n    positionStyle[position] = event[clientAxis] + 'px'\n\n    let difference = event[clientAxis] - startPosition[axis]\n    if (p === 'top' || p === 'left') {\n      difference = -difference\n    }\n    styles[value] = (parseInt(styles[value]) || 0) + difference + 'px'\n    startPosition[axis] = event[clientAxis]\n  }\n\n  if (p === 'left' || p === 'right') {\n    // 说明是左右移动\n    updateStyle('x', 'left')\n  } else if (p === 'top' || p === 'bottom') {\n    updateStyle('y', 'top')\n  }\n}\n\n// const handleMouseDown = (type: string, position: string, event: any) => {\n//   // 处理鼠标按下事件\n//   console.log('handleMouseDown', event)\n//   dragPosition.position = position\n//   dragPosition.type = type\n//   trackMouseBound.value = handleMouseMove.bind(this)\n//   document.addEventListener('mousemove', trackMouseBound.value)\n//   stopChangeBound.value = handleMouseUp.bind(this)\n//   document.addEventListener('mouseup', stopChangeBound.value)\n//   dragging.value = true\n//   const height = props.height\n//   // 宽度 为.wrapper的宽度\n//   const wrapperElement: any = document.querySelector('.wrapper')\n//   const width = wrapperElement ? wrapperElement.offsetWidth : 0\n//   const multiples: any = {\n//     margin: 0.9,\n//     padding: 0.9 * 0.7,\n//   }\n//   positionStyle.display = 'block'\n//   startPosition.x = event.clientX\n//   startPosition.y = event.clientY\n//   if (position === 'left' || position === 'right') {\n//     document.body.style.cursor = 'ew-resize'\n//     positionStyle.left = event.clientX + 'px'\n//     positionStyle.top = event.clientY - height * 0.5 * multiples[type] + 'px'\n//     positionStyle.width = '0.1px'\n//     positionStyle.height = height * multiples[type] + 'px'\n//   } else {\n//     document.body.style.cursor = 'ns-resize'\n//     positionStyle.left = event.clientX - width * 0.5 * multiples[type] + 'px'\n//     positionStyle.top = event.clientY + 'px'\n//     positionStyle.width = width * multiples[type] + 'px'\n//     positionStyle.height = '0.1px'\n//   }\n// }\n\nconst handleMouseDown = (type: string, position: string, event: any) => {\n  // 处理鼠标按下事件\n  Object.assign(dragPosition, { position, type })\n  trackMouseBound.value = handleMouseMove.bind(event)\n  document.addEventListener('mousemove', trackMouseBound.value)\n  stopChangeBound.value = handleMouseUp.bind(event)\n  document.addEventListener('mouseup', stopChangeBound.value)\n  dragging.value = true\n\n  const height = props.height\n  const wrapperElement: any = document.querySelector('.wrapper')\n  const width = wrapperElement ? wrapperElement.offsetWidth : 0\n  const multiples: any = {\n    margin: 0.9,\n    padding: 0.9 * 0.7,\n  }\n\n  const { clientX, clientY } = event\n\n  const setCursorAndDimensions = (\n    cursor: string,\n    left: string,\n    top: string,\n    width: string,\n    height: string\n  ) => {\n    document.body.style.cursor = cursor\n    Object.assign(positionStyle, { left, top, width, height, display: 'block' })\n  }\n\n  startPosition.x = clientX\n  startPosition.y = clientY\n\n  if (position === 'left' || position === 'right') {\n    setCursorAndDimensions(\n      'ew-resize',\n      clientX + 'px',\n      clientY - height * 0.5 * multiples[type] + 'px',\n      '0.1px',\n      height * multiples[type] + 'px'\n    )\n  } else {\n    setCursorAndDimensions(\n      'ns-resize',\n      clientX - width * 0.5 * multiples[type] + 'px',\n      clientY + 'px',\n      width * multiples[type] + 'px',\n      '0.1px'\n    )\n  }\n}\n\nconst handleMouseUp = () => {\n  // 处理鼠标抬起事件\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  dragging.value = false\n  positionStyle.display = 'none'\n  document.body.style.cursor = 'default'\n  startPosition.x = null\n  startPosition.y = null\n}\n\nconst onMouseMove = (value: string, type: string = 'move', event: any) => {\n  if (!dragging.value) {\n    event.stopPropagation()\n  }\n  if (type !== 'move') {\n    moves[value] = false\n  } else {\n    // 其他的为false\n    Object.keys(moves).forEach((key) => {\n      if (key !== value) {\n        moves[key] = false\n      }\n    })\n    // 当前的为true\n    moves[value] = true\n  }\n}\n\nconst onDblclick = (value: any, key: number) => {\n  showStyles[value] = true\n  nextTick(() => {\n    if (value === 'width') {\n      inputWidth.value.focus()\n    } else if (value === 'height') {\n      inputHeight.value.focus()\n    } else {\n      inputField.value[key].focus()\n    }\n  })\n}\n\nconst getValue = (value: any) => {\n  // 判断value结尾是否存在px、vh、%、rem等\n  if (value === 'auto') {\n    return value\n  }\n  if (value === '0' || value === 0) {\n    return 0\n  }\n  if (value === '') {\n    return '-'\n  }\n  return value\n}\n\nconst onBlur = (value: any) => {\n  showStyles[value] = false\n  // styles[value] 这是一个css的值，用户会自己填写，内容不确定，但是我希望是：数字+单位，单位为：px/rem/%/vh这些，如果不是的话，则默认为px\n  if (styles[value] === '' || styles[value] === 'auto') {\n    return\n  }\n  const validValueRegex = /^(\\d*\\.?\\d+)(px|rem|%|vh)$/\n  // 检查value是否匹配有效单位，如果不匹配则默认为px\n  if (!validValueRegex.test(styles[value])) {\n    const number = parseInt(styles[value])\n    if (isNaN(number)) {\n      styles[value] = ''\n    } else {\n      styles[value] = number + 'px'\n    }\n  }\n}\n\nconst onRefresh = (type: string) => {\n  if (type === 'widthHeight') {\n    styles.width = ''\n    styles.height = ''\n  } else if (type === 'margin') {\n    styles.marginLeft = ''\n    styles.marginRight = ''\n    styles.marginTop = ''\n    styles.marginBottom = ''\n  } else if (type === 'padding') {\n    styles.paddingLeft = ''\n    styles.paddingRight = ''\n    styles.paddingTop = ''\n    styles.paddingBottom = ''\n  }\n}\n</script>\n"],"names":["__MACROS_defineComponent","height","width"],"mappings":"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"}

package/es/packages/dk-ui/src/style-font-input/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from '@vipl520/utils';
+import _StyleFontInput from './src/style-font-input.vue.mjs';
+export { styleFontInputProps } from './src/props.mjs';
+
+const StyleFontInput = withInstall(_StyleFontInput);
+
+export { StyleFontInput, StyleFontInput as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/dk-ui/src/style-font-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/style-font-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _StyleFontInput from './src/style-font-input.vue'\n\nexport const StyleFontInput = withInstall(_StyleFontInput)\nexport default StyleFontInput\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,cAAA,GAAiB,YAAY,eAAe;;;;"}

package/es/packages/dk-ui/src/style-font-input/src/props.mjs

@@ -0,0 +1,9 @@
+const styleFontInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  }
+};
+
+export { styleFontInputProps };
+//# sourceMappingURL=props.mjs.map

package/es/packages/dk-ui/src/style-font-input/src/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../../../../src/style-font-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleFontInputProps = {\n  modelValue: {\n    type: Object,\n    default: () => ({}),\n  },\n}\n\nexport type styleFontInputProps = ExtractPropTypes<typeof styleFontInputProps>\n"],"names":[],"mappings":"AAEO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF;;;;"}

package/es/packages/dk-ui/src/style-font-input/src/style-font-input.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './style-font-input.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\style-font-input\\src\\style-font-input.vue"]]);
+
+export { _StyleFontInput as default };
+//# sourceMappingURL=style-font-input.vue.mjs.map

package/es/packages/dk-ui/src/style-font-input/src/style-font-input.vue.mjs.map

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

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

@@ -0,0 +1,453 @@
+import { defineComponent, reactive, watch, resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, withCtx, createTextVNode, Fragment, renderList } from 'vue';
+import { styleFontInputProps } from './props.mjs';
+
+const _hoisted_1 = { class: "dk-style-font-input" };
+const _hoisted_2 = { style: { "display": "flex", "flex-flow": "row wrap" } };
+const _hoisted_3 = { class: "m-b-5px" };
+const _hoisted_4 = {
+  style: { "width": "100px" },
+  class: "m-b-5px"
+};
+const _hoisted_5 = {
+  style: { "width": "100px" },
+  class: "m-r-5px m-b-5px"
+};
+const _hoisted_6 = { class: "m-r-5px m-b-5px" };
+const _hoisted_7 = { class: "m-r-5px m-b-5px" };
+const _hoisted_8 = { class: "m-b-5px" };
+const __default__ = defineComponent({
+  name: "DkStyleFontInput"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: styleFontInputProps,
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const showAfter = 400;
+    const hideAfter = 100;
+    const styles = reactive({
+      color: props.modelValue.color || "",
+      fontSize: props.modelValue.fontSize || "",
+      fontWeight: props.modelValue.fontWeight || "",
+      fontStyle: props.modelValue.fontStyle || "",
+      textDecoration: props.modelValue.textDecoration || ""
+    });
+    watch(styles, (val) => {
+      const _styles = Object.keys(styles).reduce((acc, key) => {
+        if (styles[key] !== "") {
+          acc[key] = styles[key];
+        }
+        return acc;
+      }, {});
+      emit("update:modelValue", _styles);
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        const propertiesToWatch = [
+          "color",
+          "fontSize",
+          "fontWeight",
+          "fontStyle",
+          "textDecoration"
+        ];
+        propertiesToWatch.forEach((property) => {
+          styles[property] = props.modelValue[property] || "";
+        });
+      },
+      { deep: true }
+    );
+    const WeightValues = [
+      { label: "\u666E\u901A", value: "normal" },
+      { label: "\u52A0\u7C97", value: "bold" },
+      { label: "\u66F4\u7C97", value: "bolder" },
+      { label: "\u66F4\u7EC6", value: "lighter" },
+      { label: "100", value: "100" },
+      { label: "200", value: "200" },
+      { label: "300", value: "300" },
+      { label: "400", value: "400" },
+      { label: "500", value: "500" },
+      { label: "600", value: "600" },
+      { label: "700", value: "700" },
+      { label: "800", value: "800" },
+      { label: "900", value: "900" }
+    ];
+    const clear = (type) => {
+      if (type === "all") {
+        Object.keys(styles).forEach((key) => {
+          styles[key] = "";
+        });
+      } else {
+        styles[type] = "";
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_color_picker = resolveComponent("el-color-picker");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_dk_icon = resolveComponent("dk-icon");
+      const _component_el_radio_button = resolveComponent("el-radio-button");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u6587\u5B57\u989C\u8272 "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.color === "",
+                onClick: _cache[0] || (_cache[0] = ($event) => clear("color"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_color_picker, {
+                  modelValue: styles.color,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u5B57\u53F7 "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.fontSize === "",
+                onClick: _cache[2] || (_cache[2] = ($event) => clear("fontSize"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_component_el_select, {
+                  modelValue: styles.fontSize,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontSize = $event),
+                  "remote-show-suffix": false,
+                  placeholder: "\u5B57\u53F7",
+                  "allow-create": "",
+                  filterable: true
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList([
+                        "12px",
+                        "14px",
+                        "16px",
+                        "18px",
+                        "20px",
+                        "24px",
+                        "28px",
+                        "32px",
+                        "36px",
+                        "40px",
+                        "48px"
+                      ], (item) => {
+                        return createVNode(_component_el_option, {
+                          key: item,
+                          label: item,
+                          value: item
+                        }, null, 8, ["label", "value"]);
+                      }),
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u7C97\u7EC6 "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.fontWeight === "",
+                onClick: _cache[4] || (_cache[4] = ($event) => clear("fontWeight"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_component_el_select, {
+                  modelValue: styles.fontWeight,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => styles.fontWeight = $event),
+                  "remote-show-suffix": false,
+                  placeholder: "\u7C97\u7EC6",
+                  "allow-create": "",
+                  filterable: true
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(WeightValues, (item) => {
+                        return createVNode(_component_el_option, {
+                          key: item.value,
+                          label: item.label,
+                          value: item.value
+                        }, null, 8, ["label", "value"]);
+                      }),
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u6587\u5B57\u7C97\u7EC6 "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.fontWeight === "",
+                onClick: _cache[6] || (_cache[6] = ($event) => clear("fontWeight"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_component_el_radio_group, {
+                  modelValue: styles.fontWeight,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => styles.fontWeight = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio_button, { label: "bold" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "radix-icons:font-bold",
+                          title: "\u6587\u5B57\u52A0\u7C97"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_el_radio_button, { label: "lighter" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "clarity:font-size-line",
+                          title: "\u6587\u5B57\u9ED8\u8BA4"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            class: "m-r-5px",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u6587\u5B57\u98CE\u683C "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.fontStyle === "",
+                onClick: _cache[8] || (_cache[8] = ($event) => clear("fontStyle"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_7, [
+                createVNode(_component_el_radio_group, {
+                  modelValue: styles.fontStyle,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => styles.fontStyle = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio_button, { label: "italic" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "radix-icons:font-italic",
+                          title: "\u6587\u5B57\u503E\u659C"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top-end",
+            trigger: "hover",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            content: withCtx(() => [
+              createTextVNode(" \u6587\u5B57\u88C5\u9970 "),
+              createVNode(_component_el_button, {
+                size: "small",
+                icon: "Refresh",
+                color: "var(--el-text-color-primary)",
+                disabled: styles.textDecoration === "",
+                onClick: _cache[10] || (_cache[10] = ($event) => clear("textDecoration"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_8, [
+                createVNode(_component_el_radio_group, {
+                  modelValue: styles.textDecoration,
+                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => styles.textDecoration = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio_button, { label: "underline" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "radix-icons:underline",
+                          title: "\u4E0B\u5212\u7EBF"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_el_radio_button, { label: "line-through" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "radix-icons:strikethrough",
+                          title: "\u5220\u9664\u7EBF"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_el_radio_button, { label: "wavy underline" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_dk_icon, {
+                          icon: "mdi:format-underline-wavy",
+                          title: "\u6CE2\u6D6A\u7EBF"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_tooltip, {
+            placement: "top",
+            trigger: "hover",
+            content: "\u5168\u90E8\u91CD\u7F6E",
+            "show-after": showAfter,
+            "hide-after": hideAfter
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                type: "danger",
+                plain: "",
+                icon: "Delete",
+                class: "m-l-5px m-b-5px",
+                onClick: _cache[12] || (_cache[12] = ($event) => clear("all"))
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=style-font-input.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-font-input.vue2.mjs","sources":["../../../../../../src/style-font-input/src/style-font-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleFontInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-font-input\">\n    <!--    颜色、字号、粗细、风格、装饰-->\n    <div style=\"display: flex; flex-flow: row wrap\">\n      <el-tooltip\n        placement=\"top-end\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          文字颜色\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.color === ''\"\n            @click=\"clear('color')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div class=\"m-b-5px\">\n            <el-color-picker v-model=\"styles.color\"></el-color-picker>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top-end\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          字号\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.fontSize === ''\"\n            @click=\"clear('fontSize')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div style=\"width: 100px\" class=\"m-b-5px\">\n            <el-select\n              v-model=\"styles.fontSize\"\n              :remote-show-suffix=\"false\"\n              placeholder=\"字号\"\n              allow-create\n              :filterable=\"true\"\n            >\n              <el-option\n                v-for=\"item in [\n                  '12px',\n                  '14px',\n                  '16px',\n                  '18px',\n                  '20px',\n                  '24px',\n                  '28px',\n                  '32px',\n                  '36px',\n                  '40px',\n                  '48px',\n                ]\"\n                :key=\"item\"\n                :label=\"item\"\n                :value=\"item\"\n              />\n            </el-select>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top-end\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          粗细\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.fontWeight === ''\"\n            @click=\"clear('fontWeight')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div style=\"width: 100px\" class=\"m-r-5px m-b-5px\">\n            <el-select\n              v-model=\"styles.fontWeight\"\n              :remote-show-suffix=\"false\"\n              placeholder=\"粗细\"\n              allow-create\n              :filterable=\"true\"\n            >\n              <el-option\n                v-for=\"item in WeightValues\"\n                :key=\"item.value\"\n                :label=\"item.label\"\n                :value=\"item.value\"\n              ></el-option>\n            </el-select>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top-end\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          文字粗细\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.fontWeight === ''\"\n            @click=\"clear('fontWeight')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div class=\"m-r-5px m-b-5px\">\n            <el-radio-group v-model=\"styles.fontWeight\">\n              <el-radio-button label=\"bold\">\n                <dk-icon\n                  icon=\"radix-icons:font-bold\"\n                  title=\"文字加粗\"\n                ></dk-icon>\n              </el-radio-button>\n              <el-radio-button label=\"lighter\">\n                <dk-icon\n                  icon=\"clarity:font-size-line\"\n                  title=\"文字默认\"\n                ></dk-icon>\n              </el-radio-button>\n            </el-radio-group>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top-end\"\n        class=\"m-r-5px\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          文字风格\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.fontStyle === ''\"\n            @click=\"clear('fontStyle')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div class=\"m-r-5px m-b-5px\">\n            <el-radio-group v-model=\"styles.fontStyle\">\n              <el-radio-button label=\"italic\">\n                <dk-icon\n                  icon=\"radix-icons:font-italic\"\n                  title=\"文字倾斜\"\n                ></dk-icon>\n              </el-radio-button>\n            </el-radio-group>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top-end\"\n        trigger=\"hover\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #content>\n          文字装饰\n          <el-button\n            size=\"small\"\n            icon=\"Refresh\"\n            color=\"var(--el-text-color-primary)\"\n            :disabled=\"styles.textDecoration === ''\"\n            @click=\"clear('textDecoration')\"\n            >重置</el-button\n          >\n        </template>\n        <!--      -->\n        <template #default>\n          <div class=\"m-b-5px\">\n            <el-radio-group v-model=\"styles.textDecoration\">\n              <el-radio-button label=\"underline\">\n                <dk-icon icon=\"radix-icons:underline\" title=\"下划线\"></dk-icon>\n              </el-radio-button>\n              <el-radio-button label=\"line-through\">\n                <dk-icon\n                  icon=\"radix-icons:strikethrough\"\n                  title=\"删除线\"\n                ></dk-icon>\n              </el-radio-button>\n              <el-radio-button label=\"wavy underline\">\n                <dk-icon\n                  icon=\"mdi:format-underline-wavy\"\n                  title=\"波浪线\"\n                ></dk-icon>\n              </el-radio-button>\n            </el-radio-group>\n          </div>\n        </template>\n      </el-tooltip>\n      <el-tooltip\n        placement=\"top\"\n        trigger=\"hover\"\n        content=\"全部重置\"\n        :show-after=\"showAfter\"\n        :hide-after=\"hideAfter\"\n      >\n        <template #default>\n          <el-button\n            type=\"danger\"\n            plain\n            icon=\"Delete\"\n            class=\"m-l-5px m-b-5px\"\n            @click=\"clear('all')\"\n          ></el-button>\n        </template>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleFontInputProps } from './props'\nimport { reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleFontInputProps)\n\nconst showAfter = 400\nconst hideAfter = 100\n\nconst styles: any = reactive({\n  color: props.modelValue.color || '',\n  fontSize: props.modelValue.fontSize || '',\n  fontWeight: props.modelValue.fontWeight || '',\n  fontStyle: props.modelValue.fontStyle || '',\n  textDecoration: props.modelValue.textDecoration || '',\n})\n\nconst emit = defineEmits(['update:modelValue'])\nwatch(styles, (val) => {\n  const _styles = Object.keys(styles).reduce((acc: any, key) => {\n    if (styles[key] !== '') {\n      acc[key] = styles[key]\n    }\n    return acc\n  }, {})\n  emit('update:modelValue', _styles)\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    // styles.color = props.modelValue.color || ''\n    // styles.fontSize = props.modelValue.fontSize || ''\n    // styles.fontWeight = props.modelValue.fontWeight || ''\n    // styles.fontStyle = props.modelValue.fontStyle || ''\n    // styles.textDecoration = props.modelValue.textDecoration || ''\n    const propertiesToWatch = [\n      'color',\n      'fontSize',\n      'fontWeight',\n      'fontStyle',\n      'textDecoration',\n    ]\n    propertiesToWatch.forEach((property) => {\n      styles[property] = props.modelValue[property] || ''\n    })\n  },\n  { deep: true }\n)\n\nconst WeightValues = [\n  { label: '普通', value: 'normal' },\n  { label: '加粗', value: 'bold' },\n  { label: '更粗', value: 'bolder' },\n  { label: '更细', value: 'lighter' },\n  { label: '100', value: '100' },\n  { label: '200', value: '200' },\n  { label: '300', value: '300' },\n  { label: '400', value: '400' },\n  { label: '500', value: '500' },\n  { label: '600', value: '600' },\n  { label: '700', value: '700' },\n  { label: '800', value: '800' },\n  { label: '900', value: '900' },\n]\n\nconst clear = (type: string) => {\n  if (type === 'all') {\n    Object.keys(styles).forEach((key) => {\n      styles[key] = ''\n    })\n  } else {\n    styles[type] = ''\n  }\n}\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { withInstall } from '@vipl520/utils';
+import _StyleInput from './src/style-input.vue.mjs';
+export { styleInputProps } from './src/props.mjs';
+
+const StyleInput = withInstall(_StyleInput);
+
+export { StyleInput, StyleInput as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/style-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _StyleInput from './src/style-input.vue'\n\nexport const StyleInput = withInstall(_StyleInput)\nexport default StyleInput\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,UAAA,GAAa,YAAY,WAAW;;;;"}