ll-plus 2.4.4 → 2.4.7

package/lib/packages/components/rich-text-editor/src/rich-text-editor.js

@@ -0,0 +1,75 @@
+'use strict';
+
+require('../../../utils/index.js');
+var runtime = require('../../../utils/props/runtime.js');
+var file = require('../../../utils/file.js');
+
+"use strict";
+const defaultToolbarConfig = {};
+const defaultEditorConfig = {
+  placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9..."
+};
+const FALLBACK_IMAGE = "data:image/png;base64,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";
+const richTextEditorProps = runtime.buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  mode: {
+    type: runtime.definePropType(String),
+    default: "default"
+  },
+  toolbarConfig: {
+    type: Object,
+    default: () => defaultToolbarConfig
+  },
+  editorConfig: {
+    type: Object,
+    default: () => defaultEditorConfig
+  },
+  onBeforeUploadImage: {
+    type: runtime.definePropType(Function),
+    default: async () => {
+      return true;
+    }
+  },
+  customUploadImage: {
+    type: runtime.definePropType(Function),
+    default: async (file$1) => {
+      return await file.fileToBase64(file$1);
+    }
+  },
+  customUploadVideo: {
+    type: runtime.definePropType(Function),
+    default: null
+  },
+  uploadImageError: {
+    type: String,
+    default: "\u4E0A\u4F20\u5931\u8D25\uFF01"
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const richTextEditorEmits = {
+  "update:value": (val) => !!val,
+  created: (editor) => !!editor,
+  change: (editor) => !!editor,
+  destroyed: (editor) => !!editor,
+  focus: (editor) => !!editor,
+  blur: (editor) => !!editor,
+  alert: ([info, type]) => !![info, type],
+  paste: ([editor, callback]) => !![editor, callback]
+};
+
+exports.FALLBACK_IMAGE = FALLBACK_IMAGE;
+exports.defaultEditorConfig = defaultEditorConfig;
+exports.defaultToolbarConfig = defaultToolbarConfig;
+exports.richTextEditorEmits = richTextEditorEmits;
+exports.richTextEditorProps = richTextEditorProps;
+//# sourceMappingURL=rich-text-editor.js.map

package/lib/packages/components/rich-text-editor/src/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.js","sources":["../../../../../../packages/components/rich-text-editor/src/rich-text-editor.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType, fileToBase64 } from '@ll-plus/utils'\nimport type {\n  IToolbarConfig,\n  IEditorConfig,\n  IDomEditor,\n  SlateElement\n} from '@wangeditor/editor'\nimport type RichTextEditor from './rich-text-editor.vue'\n\nexport const defaultToolbarConfig: IToolbarConfig = {} as IToolbarConfig\n\nexport const defaultEditorConfig: IEditorConfig = {\n  placeholder: '请输入内容...'\n} as IEditorConfig\n\nexport const FALLBACK_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=='\n\n//图片类型定义\nexport type ImageElement = SlateElement & {\n  src: string\n  alt: string\n  url: string\n  href: string\n}\nexport type InsertPicType = (url: string) => void\n\nexport type InsertVidType = (url: string, poster: string) => void\n\nexport type RichTextEditorMode = 'default' | 'simple'\n\nexport type RichTextEditorModeCustomUploadImage = (\n  file: File\n) => Promise<string>\n\nexport type RichTextEditorModeCustomUploadVideo = (\n  file: File\n) => Promise<string>\n\nexport const richTextEditorProps = buildProps({\n  value: {\n    type: String,\n    default: ''\n  },\n  mode: {\n    type: definePropType<RichTextEditorMode>(String),\n    default: 'default'\n  },\n  toolbarConfig: {\n    type: Object,\n    default: () => defaultToolbarConfig\n  },\n  editorConfig: {\n    type: Object,\n    default: () => defaultEditorConfig\n  },\n  onBeforeUploadImage: {\n    type: definePropType<(file: File) => boolean>(Function),\n    default: async () => {\n      return true\n    }\n  },\n  customUploadImage: {\n    type: definePropType<RichTextEditorModeCustomUploadImage>(Function),\n    default: async (file: File) => {\n      return await fileToBase64(file)\n    }\n  },\n  customUploadVideo: {\n    type: definePropType<RichTextEditorModeCustomUploadVideo>(Function),\n    default: null\n  },\n  uploadImageError: {\n    type: String,\n    default: '上传失败！'\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport const richTextEditorEmits = {\n  'update:value': (val: string) => !!val,\n  created: (editor: IDomEditor) => !!editor,\n  change: (editor: IDomEditor) => !!editor,\n  destroyed: (editor: IDomEditor) => !!editor,\n  focus: (editor: IDomEditor) => !!editor,\n  blur: (editor: IDomEditor) => !!editor,\n  alert: ([info, type]) => !![info, type],\n  paste: ([editor, callback]: [IDomEditor, (bool: boolean) => void]) =>\n    !![editor, callback]\n}\n//props\nexport type RichTextEditorProps = ExtractPropTypes<typeof richTextEditorProps>\n\n//emits\nexport type RichTextEditorEmits = typeof richTextEditorEmits\n\n// instance\nexport type RichTextEditorInstance = InstanceType<typeof RichTextEditor>\n"],"names":["buildProps","definePropType","file","fileToBase64"],"mappings":";;;;;;;AAWO,MAAM,uBAAuC,GAAC;AAE9C,MAAM,mBAAqC,GAAA;AAAA,EAChD,WAAa,EAAA,mCAAA;AACf,EAAA;AAEO,MAAM,cACX,GAAA,iqGAAA;AAuBK,MAAM,sBAAsBA,kBAAW,CAAA;AAAA,EAC5C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAmC,MAAM,CAAA;AAAA,IAC/C,OAAS,EAAA,SAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM,oBAAA;AAAA,GACjB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM,mBAAA;AAAA,GACjB;AAAA,EACA,mBAAqB,EAAA;AAAA,IACnB,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,IACtD,SAAS,YAAY;AACnB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAAoD,QAAQ,CAAA;AAAA,IAClE,OAAA,EAAS,OAAOC,MAAe,KAAA;AAC7B,MAAO,OAAA,MAAMC,kBAAaD,MAAI,CAAA,CAAA;AAAA,KAChC;AAAA,GACF;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMD,uBAAoD,QAAQ,CAAA;AAAA,IAClE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,gCAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,mBAAsB,GAAA;AAAA,EACjC,cAAgB,EAAA,CAAC,GAAgB,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,OAAS,EAAA,CAAC,MAAuB,KAAA,CAAC,CAAC,MAAA;AAAA,EACnC,MAAQ,EAAA,CAAC,MAAuB,KAAA,CAAC,CAAC,MAAA;AAAA,EAClC,SAAW,EAAA,CAAC,MAAuB,KAAA,CAAC,CAAC,MAAA;AAAA,EACrC,KAAO,EAAA,CAAC,MAAuB,KAAA,CAAC,CAAC,MAAA;AAAA,EACjC,IAAM,EAAA,CAAC,MAAuB,KAAA,CAAC,CAAC,MAAA;AAAA,EAChC,KAAA,EAAO,CAAC,CAAC,IAAM,EAAA,IAAI,MAAM,CAAC,CAAC,CAAC,IAAA,EAAM,IAAI,CAAA;AAAA,EACtC,KAAA,EAAO,CAAC,CAAC,MAAQ,EAAA,QAAQ,MACvB,CAAC,CAAC,CAAC,MAAA,EAAQ,QAAQ,CAAA;AACvB;;;;;;;;"}

package/lib/packages/components/rich-text-editor/src/rich-text-editor.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var richTextEditor_vue_vue_type_script_setup_true_lang = require('./rich-text-editor.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var RichTextEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(richTextEditor_vue_vue_type_script_setup_true_lang.default, [["__file", "rich-text-editor.vue"]]);
+
+exports.default = RichTextEditor;
+//# sourceMappingURL=rich-text-editor.vue.js.map

package/lib/packages/components/rich-text-editor/src/rich-text-editor.vue.js.map

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

package/lib/packages/components/rich-text-editor/src/rich-text-editor.vue2.js

@@ -0,0 +1,190 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var editorForVue = require('@wangeditor/editor-for-vue');
+require('../../../utils/index.js');
+var richTextEditor = require('./rich-text-editor.js');
+require('@wangeditor/editor/dist/css/style.css');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlRichTextEditor" },
+  __name: "rich-text-editor",
+  props: richTextEditor.richTextEditorProps,
+  emits: richTextEditor.richTextEditorEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const bem = createNamespace.createNamespace("rich-text-editor");
+    const props = __props;
+    const emits = __emit;
+    const editorRef = vue.shallowRef();
+    const innerValue = vue.ref(props.value);
+    const loading = vue.ref(props.loading);
+    const allImages = vue.ref([]);
+    const editorConfig = vue.computed(() => {
+      return {
+        MENU_CONF: {
+          uploadImage: {
+            async onBeforeUpload(file) {
+              if (props.onBeforeUploadImage) {
+                const res = await props.onBeforeUploadImage(file);
+                return res ? file : false;
+              }
+              return file;
+            },
+            async customUpload(file, insertFn) {
+              loading.value = true;
+              try {
+                const res = await props.customUploadImage(file);
+                insertFn(res);
+                loading.value = false;
+              } catch (error) {
+                editorRef.value.alert("\u9519\u8BEF\u4FE1\u606F", props.uploadImageError);
+                loading.value = false;
+              }
+            },
+            base64LimitSize: 5 * 1024
+          },
+          insertImage: {
+            async onInsertedImage(imageNode) {
+              allImages.value.push(imageNode);
+            }
+          },
+          uploadVideo: {
+            async customUpload(file, insertFn) {
+              if (props.customUploadVideo) {
+                loading.value = true;
+                try {
+                  const res = await props.customUploadVideo(file);
+                  insertFn(res, richTextEditor.FALLBACK_IMAGE);
+                  loading.value = false;
+                } catch (error) {
+                  editorRef.value.alert("\u9519\u8BEF\u4FE1\u606F", props.uploadImageError);
+                  loading.value = false;
+                }
+              }
+            }
+          }
+        },
+        ...props.editorConfig
+      };
+    });
+    const handleCreated = (editor) => {
+      editorRef.value = editor;
+      allImages.value = editor.getElemsByType("image");
+      emits("created", editor);
+    };
+    const handleChange = (editor) => {
+      innerValue.value = editor.getHtml();
+      emits("change", editor);
+      emits("update:value", innerValue.value);
+    };
+    const handleDestroyed = (editor) => {
+      emits("destroyed", editor);
+    };
+    const handleFocus = (editor) => {
+      emits("focus", editor);
+    };
+    const handleBlur = (editor) => {
+      emits("blur", editor);
+    };
+    const customAlert = (info, type) => {
+      emits("alert", [info, type]);
+    };
+    const getEditorImage = () => {
+      const editor = editorRef.value;
+      if (editor == null)
+        return;
+      return {
+        allImages: allImages.value,
+        currentImages: editor.getElemsByType("image")
+      };
+    };
+    vue.onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null)
+        return;
+      editor.destroy();
+    });
+    vue.watch(
+      () => props.loading,
+      (val) => {
+        loading.value = val;
+      }
+    );
+    vue.watch(
+      () => [props.disabled, loading.value],
+      async (val) => {
+        const editor = editorRef.value;
+        if (editor == null)
+          return;
+        await vue.nextTick();
+        if (val[0] || val[1]) {
+          editor.disable();
+        } else {
+          editor.enable();
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    __expose({
+      editorRef: editorRef.value,
+      getEditorImage
+    });
+    return (_ctx, _cache) => {
+      const _component_a_spin = vue.resolveComponent("a-spin");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(bem).b())
+        },
+        [
+          vue.createVNode(_component_a_spin, { spinning: loading.value }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).e("container"))
+                },
+                [
+                  vue.createVNode(vue.unref(editorForVue.Toolbar), {
+                    class: vue.normalizeClass(vue.unref(bem).e("toolbar-container")),
+                    editor: editorRef.value,
+                    "default-config": props.toolbarConfig,
+                    mode: props.mode
+                  }, null, 8, ["class", "editor", "default-config", "mode"]),
+                  vue.createVNode(vue.unref(editorForVue.Editor), {
+                    modelValue: innerValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+                    class: vue.normalizeClass(vue.unref(bem).e("editor-container")),
+                    "default-config": editorConfig.value,
+                    mode: props.mode,
+                    onOnCreated: handleCreated,
+                    onOnChange: handleChange,
+                    onOnDestroyed: handleDestroyed,
+                    onOnFocus: handleFocus,
+                    onOnBlur: handleBlur,
+                    onCustomAlert: customAlert
+                  }, null, 8, ["modelValue", "class", "default-config", "mode"])
+                ],
+                2
+                /* CLASS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["spinning"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=rich-text-editor.vue2.js.map

package/lib/packages/components/rich-text-editor/src/rich-text-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.vue2.js","sources":["../../../../../../packages/components/rich-text-editor/src/rich-text-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"loading\">\n      <div :class=\"bem.e('container')\">\n        <Toolbar\n          :class=\"bem.e('toolbar-container')\"\n          :editor=\"editorRef\"\n          :default-config=\"props.toolbarConfig\"\n          :mode=\"props.mode\"\n        />\n        <Editor\n          v-model=\"innerValue\"\n          :class=\"bem.e('editor-container')\"\n          :default-config=\"editorConfig\"\n          :mode=\"props.mode\"\n          @on-created=\"handleCreated\"\n          @on-change=\"handleChange\"\n          @on-destroyed=\"handleDestroyed\"\n          @on-focus=\"handleFocus\"\n          @on-blur=\"handleBlur\"\n          @custom-alert=\"customAlert\"\n        />\n      </div>\n    </a-spin>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  computed,\n  watch,\n  nextTick\n} from 'vue'\nimport { Editor, Toolbar } from '@wangeditor/editor-for-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n  richTextEditorProps,\n  richTextEditorEmits,\n  FALLBACK_IMAGE,\n  type InsertPicType,\n  type InsertVidType,\n  type ImageElement\n} from './rich-text-editor'\n\nimport '@wangeditor/editor/dist/css/style.css' // 引入 css\n\nimport type { IDomEditor } from '@wangeditor/editor'\n\n//@ts-ignore\ndefineOptions({ name: 'LlRichTextEditor' })\n\nconst bem = createNamespace('rich-text-editor')\n\nconst props = defineProps(richTextEditorProps)\n\nconst emits = defineEmits(richTextEditorEmits)\n\nconst editorRef = shallowRef()\n\nconst innerValue = ref(props.value)\n\nconst loading = ref<boolean>(props.loading)\n\nconst allImages = ref<any>([])\n\nconst editorConfig = computed(() => {\n  return {\n    MENU_CONF: {\n      uploadImage: {\n        async onBeforeUpload(file: File) {\n          if (props.onBeforeUploadImage) {\n            const res = await props.onBeforeUploadImage(file)\n            return res ? file : false\n          }\n          return file\n        },\n\n        async customUpload(file: File, insertFn: InsertPicType) {\n          loading.value = true\n          //图片上传接口调用\n          try {\n            const res = await props.customUploadImage(file)\n            insertFn(res)\n            loading.value = false\n          } catch (error) {\n            editorRef.value.alert('错误信息', props.uploadImageError)\n            loading.value = false\n          }\n        },\n        base64LimitSize: 5 * 1024\n      },\n      insertImage: {\n        async onInsertedImage(imageNode: ImageElement | null) {\n          allImages.value.push(imageNode)\n        }\n      },\n      uploadVideo: {\n        async customUpload(file: File, insertFn: InsertVidType) {\n          if (props.customUploadVideo) {\n            loading.value = true\n            //图片上传接口调用\n            try {\n              const res = await props.customUploadVideo(file)\n              insertFn(res, FALLBACK_IMAGE)\n              loading.value = false\n            } catch (error) {\n              editorRef.value.alert('错误信息', props.uploadImageError)\n              loading.value = false\n            }\n          }\n        }\n      }\n    },\n    ...props.editorConfig\n  }\n})\n\nconst handleCreated = (editor: IDomEditor) => {\n  editorRef.value = editor\n  allImages.value = editor.getElemsByType('image')\n  emits('created', editor)\n}\n\nconst handleChange = (editor: IDomEditor) => {\n  innerValue.value = editor.getHtml()\n  emits('change', editor)\n  emits('update:value', innerValue.value)\n}\nconst handleDestroyed = (editor: IDomEditor) => {\n  emits('destroyed', editor)\n}\nconst handleFocus = (editor: IDomEditor) => {\n  emits('focus', editor)\n}\nconst handleBlur = (editor: IDomEditor) => {\n  emits('blur', editor)\n}\nconst customAlert = (info, type) => {\n  emits('alert', [info, type])\n}\n\nconst getEditorImage = () => {\n  const editor = editorRef.value\n  if (editor == null) return\n  return {\n    allImages: allImages.value,\n    currentImages: editor.getElemsByType('image')\n  }\n}\n\n// 组件销毁时，也及时销毁编辑器\nonBeforeUnmount(() => {\n  const editor = editorRef.value\n  if (editor == null) return\n  editor.destroy()\n})\n\nwatch(\n  () => props.loading,\n  (val: boolean) => {\n    loading.value = val\n  }\n)\n\nwatch(\n  () => [props.disabled, loading.value],\n  async (val: boolean[]) => {\n    const editor = editorRef.value\n    if (editor == null) return\n    await nextTick()\n    if (val[0] || val[1]) {\n      editor.disable()\n    } else {\n      editor.enable()\n    }\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  editorRef: editorRef.value,\n  getEditorImage\n})\n</script>\n"],"names":["createNamespace","shallowRef","ref","computed","FALLBACK_IMAGE","onBeforeUnmount","watch","nextTick"],"mappings":"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"}

package/lib/packages/components/select-group/src/select-group.js

@@ -56,6 +56,12 @@ const selectGroupData = runtime.buildProps({
    */
   list: {
     type: runtime.definePropType(Array)
+  },
+  /**
+   * @description 是否在下拉框select最前面添加全部
+   */
+  noFirstAddAll: {
+    type: Boolean
   }
 });
 const selectGroupProps = runtime.buildProps({

package/lib/packages/components/select-group/src/select-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.js","sources":["../../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n  name?: string\n  value?: any\n  [key: string]: any\n}\n\nexport const selectGroupFormType = [\n  'input',\n  'select',\n  'range-picker',\n  'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 表单提示占位符\n   */\n  placeholder: {\n    type: String\n  },\n  /**\n   * @description 表单的字段 name\n   */\n  name: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description SVG 图标的大小，size x size\n   */\n  showFormType: {\n    type: String,\n    values: selectGroupFormType\n  },\n  /**\n   * @description 格式化属性例如tree/select\n   */\n  fieldNames: {\n    type: definePropType<object>(Object)\n  },\n  /**\n   * @description select的options\n   */\n  options: {\n    type: definePropType<any[]>(Array)\n  },\n  /**\n   * @description 左侧选择的options\n   */\n  list: {\n    type: definePropType<ISelectGroupItem[]>(Array)\n  }\n} as const)\nexport const selectGroupProps = buildProps({\n  /**\n   * @description 选中select中的某一项（和value对应）\n   */\n  selectValue: {\n    type: String\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: [Array, String, Number, Boolean, Object],\n    default: undefined\n  },\n  /**\n   * @description select的options\n   */\n  data: {\n    type: definePropType<SelectGroupData[]>(Array),\n    default: () => []\n  }\n} as const)\n\nexport const selectGroupEmits = {\n  change: (selectV: string, value?: string) => !!selectV || !!value,\n  onSelectChange: (selectV: string, item: SelectGroupData) =>\n    !!selectV && !!item // 左侧selectchange\n}\n\nexport const LEFT_SELECT_MIN_WIDTH = 84 // 左侧select的宽度\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,MAAM,CAAC,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IAC7C,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAmB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAAA,EAC5D,cAAA,EAAgB,CAAC,OAAiB,EAAA,IAAA,KAChC,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,IAAA;AAAA;AACnB,EAAA;AAEO,MAAM,qBAAwB,GAAA;;;;;;;;"}
+{"version":3,"file":"select-group.js","sources":["../../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n  name?: string\n  value?: any\n  [key: string]: any\n}\n\nexport const selectGroupFormType = [\n  'input',\n  'select',\n  'range-picker',\n  'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 表单提示占位符\n   */\n  placeholder: {\n    type: String\n  },\n  /**\n   * @description 表单的字段 name\n   */\n  name: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description SVG 图标的大小，size x size\n   */\n  showFormType: {\n    type: String,\n    values: selectGroupFormType\n  },\n  /**\n   * @description 格式化属性例如tree/select\n   */\n  fieldNames: {\n    type: definePropType<object>(Object)\n  },\n  /**\n   * @description select的options\n   */\n  options: {\n    type: definePropType<any[]>(Array)\n  },\n  /**\n   * @description 左侧选择的options\n   */\n  list: {\n    type: definePropType<ISelectGroupItem[]>(Array)\n  },\n  /**\n   * @description 是否在下拉框select最前面添加全部\n   */\n  noFirstAddAll: {\n    type: Boolean\n  }\n} as const)\nexport const selectGroupProps = buildProps({\n  /**\n   * @description 选中select中的某一项（和value对应）\n   */\n  selectValue: {\n    type: String\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: [Array, String, Number, Boolean, Object],\n    default: undefined\n  },\n  /**\n   * @description select的options\n   */\n  data: {\n    type: definePropType<SelectGroupData[]>(Array),\n    default: () => []\n  }\n} as const)\n\nexport const selectGroupEmits = {\n  change: (selectV: string, value?: string) => !!selectV || !!value,\n  onSelectChange: (selectV: string, item: SelectGroupData) =>\n    !!selectV && !!item // 左侧selectchange\n}\n\nexport const LEFT_SELECT_MIN_WIDTH = 84 // 左侧select的宽度\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,MAAM,CAAC,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IAC7C,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAmB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAAA,EAC5D,cAAA,EAAgB,CAAC,OAAiB,EAAA,IAAA,KAChC,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,IAAA;AAAA;AACnB,EAAA;AAEO,MAAM,qBAAwB,GAAA;;;;;;;;"}

package/lib/packages/components/select-group/src/select-group.vue2.js

@@ -39,16 +39,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else if (formType === "range-picker") {
         value.value = [void 0, void 0];
       } else if (formType === "select") {
-        value.value = -1;
+        value.value = item.noFirstAddAll ? void 0 : -1;
       }
       selectItem.value = options.item;
-      emits("onSelectChange", _, options);
     };
     const handleChange = () => {
       emits(
         "change",
         selectItem.value?.value,
-        value.value === -1 ? void 0 : value.value
+        value.value === -1 ? null : value.value
       );
     };
     vue.watch(
@@ -58,7 +57,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           const list = newData.map((item) => {
             const newItem = { ...item };
             if (newItem.showFormType === "select") {
-              if (newItem.options?.length) {
+              if (newItem.options?.length && !newItem.noFirstAddAll) {
                 newItem.options = [
                   {
                     label: "\u5168\u90E8",
@@ -66,7 +65,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   },
                   ...newItem.options
                 ];
-              } else if (newItem.list?.length) {
+              } else if (newItem.list?.length && !newItem.noFirstAddAll) {
                 newItem.list = [
                   {
                     name: "\u5168\u90E8",
@@ -83,7 +82,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (findItem) {
             firstItem = findItem;
           }
-          if (firstItem.showFormType === "select") {
+          if (firstItem.showFormType === "select" && !firstItem.noFirstAddAll) {
             value.value = -1;
           }
           selectItem.value = firstItem;

package/lib/packages/components/select-group/src/select-group.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.vue2.js","sources":["../../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          :style=\"{ minWidth: leftSelectWidth }\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in newList\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"value\"\n            :class=\"bem.e('right-input')\"\n            :placeholder=\"selectItem?.placeholder\"\n            @press-enter=\"handleChange\"\n          >\n            <template #suffix>\n              <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n            </template>\n          </a-input>\n        </template>\n        <!-- select下拉框 -->\n        <template v-else-if=\"selectItem?.showFormType === 'select'\">\n          <a-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-select')\"\n            popup-class-name=\"select-group-right-select\"\n            :options=\"selectItem?.options\"\n            :placeholder=\"selectItem?.placeholder\"\n            :field-names=\"selectItem?.fieldNames\"\n            @change=\"handleChange\"\n          >\n            <a-select-option\n              v-for=\"item in selectItem.list\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n            >\n              {{ item.name }}\n            </a-select-option>\n          </a-select>\n        </template>\n        <!-- 日期选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n          <a-range-picker\n            v-model:value=\"value\"\n            :class=\"bem.e('right-range-picker')\"\n            @change=\"handleChange\"\n          />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-tree-select')\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleChange\"\n          ></a-tree-select>\n        </template>\n        <template v-else>\n          <slot name=\"extra\" v-bind=\"selectItem\" />\n        </template>\n      </a-input-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\nimport { LEFT_SELECT_MIN_WIDTH } from './select-group'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('') // 左边的value\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst newList = ref<SelectGroupData[]>([]) // 处理后的数据，比如select的类型前面加个全部\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\nconst leftSelectWidth = computed(() => {\n  const names = newList.value.map(item => item.name.length)\n  const maxNameLength = Math.max(...names)\n  if (maxNameLength <= 3) {\n    return LEFT_SELECT_MIN_WIDTH + 'px'\n  }\n  const width = LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14\n  return width + 'px'\n})\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n  const item = options.item\n  const formType = item.showFormType\n  // 如果\n  if (!formType || formType === 'input' || formType === 'treeSelect') {\n    value.value = ''\n  } else if (formType === 'range-picker') {\n    value.value = [undefined, undefined]\n  } else if (formType === 'select') {\n    value.value = -1\n  }\n  selectItem.value = options.item\n  emits('onSelectChange', _, options)\n}\n// 整合处理change\nconst handleChange = () => {\n  // 过滤-1的下拉全部\n  emits(\n    'change',\n    selectItem.value?.value as string,\n    value.value === -1 ? undefined : value.value\n  )\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n  ([selectValue, newData]) => {\n    if (newData && newData.length) {\n      const list = newData.map(item => {\n        const newItem = { ...item }\n        if (newItem.showFormType === 'select') {\n          if (newItem.options?.length) {\n            newItem.options = [\n              {\n                label: '全部',\n                value: -1\n              },\n              ...newItem.options!\n            ]\n          } else if (newItem.list?.length) {\n            newItem.list = [\n              {\n                name: '全部',\n                value: -1\n              },\n              ...newItem.list!\n            ]\n          }\n        }\n        return newItem\n      })\n      let firstItem = list[0]\n      const findItem = list.find(item => item.value === selectValue)\n      if (findItem) {\n        firstItem = findItem\n      }\n      // 如果默认第一个是下拉框，选中全部\n      if (firstItem.showFormType === 'select') {\n        value.value = -1\n      }\n      selectItem.value = firstItem!\n      typeSelectValue.value = selectValue ? selectValue : firstItem.value\n      newList.value = list\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => [props.value, props.selectValue],\n  (newV: any) => {\n    value.value = newV[0]\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","computed","LEFT_SELECT_MIN_WIDTH","watch"],"mappings":"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"}
+{"version":3,"file":"select-group.vue2.js","sources":["../../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          :style=\"{ minWidth: leftSelectWidth }\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in newList\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"value\"\n            :class=\"bem.e('right-input')\"\n            :placeholder=\"selectItem?.placeholder\"\n            @press-enter=\"handleChange\"\n          >\n            <template #suffix>\n              <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n            </template>\n          </a-input>\n        </template>\n        <!-- select下拉框 -->\n        <template v-else-if=\"selectItem?.showFormType === 'select'\">\n          <a-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-select')\"\n            popup-class-name=\"select-group-right-select\"\n            :options=\"selectItem?.options\"\n            :placeholder=\"selectItem?.placeholder\"\n            :field-names=\"selectItem?.fieldNames\"\n            @change=\"handleChange\"\n          >\n            <a-select-option\n              v-for=\"item in selectItem.list\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n            >\n              {{ item.name }}\n            </a-select-option>\n          </a-select>\n        </template>\n        <!-- 日期选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n          <a-range-picker\n            v-model:value=\"value\"\n            :class=\"bem.e('right-range-picker')\"\n            @change=\"handleChange\"\n          />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-tree-select')\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleChange\"\n          ></a-tree-select>\n        </template>\n        <template v-else>\n          <slot name=\"extra\" v-bind=\"selectItem\" />\n        </template>\n      </a-input-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\nimport { LEFT_SELECT_MIN_WIDTH } from './select-group'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('') // 左边的value\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst newList = ref<SelectGroupData[]>([]) // 处理后的数据，比如select的类型前面加个全部\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\n// 动态计算左边文字最长的宽度\nconst leftSelectWidth = computed(() => {\n  const names = newList.value.map(item => item.name.length)\n  const maxNameLength = Math.max(...names)\n  if (maxNameLength <= 3) {\n    return LEFT_SELECT_MIN_WIDTH + 'px'\n  }\n  const width = LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14\n  return width + 'px'\n})\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n  const item = options.item\n  const formType = item.showFormType\n  // 如果\n  if (!formType || formType === 'input' || formType === 'treeSelect') {\n    value.value = ''\n  } else if (formType === 'range-picker') {\n    value.value = [undefined, undefined]\n  } else if (formType === 'select') {\n    value.value = item.noFirstAddAll ? undefined : -1\n  }\n  selectItem.value = options.item\n}\n// 整合处理change\nconst handleChange = () => {\n  // 过滤-1的下拉全部\n  emits(\n    'change',\n    selectItem.value?.value as string,\n    value.value === -1 ? null : value.value\n  )\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n  ([selectValue, newData]) => {\n    if (newData && newData.length) {\n      const list = newData.map(item => {\n        const newItem = { ...item }\n        if (newItem.showFormType === 'select') {\n          if (newItem.options?.length && !newItem.noFirstAddAll) {\n            newItem.options = [\n              {\n                label: '全部',\n                value: -1\n              },\n              ...newItem.options!\n            ]\n          } else if (newItem.list?.length && !newItem.noFirstAddAll) {\n            newItem.list = [\n              {\n                name: '全部',\n                value: -1\n              },\n              ...newItem.list!\n            ]\n          }\n        }\n        return newItem\n      })\n      let firstItem = list[0]\n      const findItem = list.find(item => item.value === selectValue)\n      if (findItem) {\n        firstItem = findItem\n      }\n      // 如果默认第一个是下拉框，选中全部\n      if (firstItem.showFormType === 'select' && !firstItem.noFirstAddAll) {\n        value.value = -1\n      }\n      selectItem.value = firstItem!\n      typeSelectValue.value = selectValue ? selectValue : firstItem.value\n      newList.value = list\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => [props.value, props.selectValue],\n  (newV: any) => {\n    value.value = newV[0]\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","computed","LEFT_SELECT_MIN_WIDTH","watch"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ll-plus",
-  "version": "2.4.4",
+  "version": "2.4.7",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -32,6 +32,8 @@
     "@types/lodash": "^4.17.0",
     "@types/lodash-es": "^4.17.12",
     "@vueuse/core": "^10.9.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "async-validator": "^4.2.5",
     "compressorjs": "^1.2.1",
     "cron-parser": "^4.9.0",
@@ -61,6 +63,8 @@
     "@bytemd/plugin-medium-zoom": "^1.21.0",
     "@bytemd/plugin-mermaid": "^1.21.0",
     "@bytemd/vue-next": "^1.21.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "vue": "^3.4.21",
     "ant-design-vue": "4.x",
     "monaco-editor": "^0.48.0"

package/theme-chalk/css/avatar.css

@@ -1 +1 @@
-.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}
+.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}

package/theme-chalk/css/icon-picker.css

@@ -1 +1 @@
-.ll-icon-picker-modal{padding-left:20px;height:100%;display:flex;flex-direction:column}.ll-icon-picker-modal__input-container{margin-bottom:20px}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{overflow-y:auto;flex:1;height:calc(100% - 52px)}.ll-icon-picker-modal__space{justify-content:space-between;padding-right:12px}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}
+.ll-icon-picker-modal .ll-modal__step{justify-content:flex-start}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{min-width:696px}.ll-icon-picker-modal__space{justify-content:flex-start;padding-right:10px;margin-bottom:0!important}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal__button.is-active{background:var(--color-primary-bg);border:1px solid var(--color-primary)}.ll-icon-picker-modal__input-container .ant-form-item{margin-bottom:0}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}