starfish-form-custom 1.0.44 → 1.0.46

package/dist/{starfish-form-ac5dbff7.mjs → starfish-form-0baee1df.mjs}

@@ -3,7 +3,7 @@ import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/form/style/css';
 import 'element-plus/es/components/form-item/style/css';
 import { defineComponent, getCurrentInstance, ref, onMounted, openBlock, createElementBlock, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, toRaw } from 'vue';
-import { _ as _export_sfc } from './main-c6aa3683.mjs';
+import { _ as _export_sfc } from './main-d99755be.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
@@ -60,6 +60,10 @@ const _sfc_main = defineComponent({
     readonly: {
       type: Boolean,
       default: false
+    },
+    search: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, { emit }) {
@@ -107,14 +111,14 @@ const _sfc_main = defineComponent({
     function getRules(item2) {
       if (!item2.layout) {
         let rule = [];
-        if (item2.data.required) {
+        if (item2.data.required && !props.search) {
           rule.push({
             required: true,
             message: "\u8BF7\u8F93\u5165" + item2.data.label,
             trigger: "blur"
           });
         }
-        if (typeof item2.data.minLength === "number" && item2.data.minLength > 0) {
+        if (typeof item2.data.minLength === "number" && item2.data.minLength > 0 && !props.search) {
           rule.push({
             validator: (rule2, value, callback) => {
               if (typeof value === "string" && value.length < item2.data.minLength) {
@@ -167,7 +171,6 @@ const _sfc_main = defineComponent({
     }
     const handleControlChange = () => {
       const allFormLists = props.allFormList;
-      console.log("---handleControlChange--", allFormLists, "props.allFormList", props.allFormList);
       allFormLists.forEach((item2) => {
         if (item2.data.showRule === "{}") {
           item2.show = true;
@@ -323,28 +326,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ref_for: true,
                   ref: "controlObj",
                   onChange: _ctx.handleControlChange
-                }, _ctx.globalConfig, {
+                }, { ref_for: true }, _ctx.globalConfig, {
                   readonly: _ctx.readonly,
+                  search: _ctx.search,
                   item: item2,
                   data: _ctx.formResult || "{}",
                   drag: false,
                   size: "default"
-                }), null, 16, ["onChange", "readonly", "item", "data"]))
+                }), null, 16, ["onChange", "readonly", "search", "item", "data"]))
               ]),
               _: 2
             }, 1032, ["prop"])) : item2.show ? (openBlock(), createBlock(resolveDynamicComponent(item2.ControlType), mergeProps({
-              key: 1,
               ref_for: true,
               ref: "controlObj",
               onChange: _ctx.handleControlChange,
               key: item2.id
-            }, _ctx.globalConfig, {
+            }, { ref_for: true }, _ctx.globalConfig, {
               readonly: _ctx.readonly,
+              search: _ctx.search,
               item: item2,
               data: _ctx.formResult || "{}",
               drag: false,
               size: "default"
-            }), null, 16, ["onChange", "readonly", "item", "data"])) : createCommentVNode("", true)
+            }), null, 16, ["onChange", "readonly", "search", "item", "data"])) : createCommentVNode("", true)
           ], 64);
         }), 256))
       ]),

package/dist/starfish-form.mjs

@@ -1,4 +1,4 @@
-export { D as Dynamicform, m as default } from './main-c6aa3683.mjs';
+export { D as Dynamicform, m as default } from './main-d99755be.mjs';
 import 'vue';
 import 'element-plus/es';
 import 'element-plus/es/components/base/style/css';

package/dist/style.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.loading[data-v-2b901926] {
+.loading[data-v-2b901926] {
   width: 100%;
   height: 100%;
   min-height: 40px;
@@ -12,50 +12,7 @@
 .control > div[data-v-4ce4907e] {
   display: flex;
   align-items: center;
-}
-.menu-item[data-v-05298bcd] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-style: normal;
-}
-.menu-item[data-v-05298bcd]:hover {
-  background-color: #f0f0f0;
-  border-color: #999;
-}
-.menu-item.is-active[data-v-05298bcd] {
-  background-color: #e0e0e0;
-  border-color: #666;
-}
-.menu-icon[data-v-05298bcd] {
-  font-size: 16px;
-  color: #333;
-}
-
-.editor__header[data-v-714af93c] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 12px;
-  border: 1px solid #DCDFE6;
-  border-bottom: none;
-  background-color: #f8f9fa;
-  flex-wrap: wrap;
-}
-.divider[data-v-714af93c] {
-  width: 1px;
-  height: 20px;
-  background-color: #DCDFE6;
-  margin: 0 4px;
-}
-.starfish-editor .el-form-item__content,
+}.starfish-editor .el-form-item__content,
 .starfish-form .el-form-item__content,
 .starfish-dynamicform .el-form-item__content {
   margin-left: 0 !important;
@@ -93,7 +50,7 @@
 .starfish-form .el-form-item__error,
 .starfish-dynamicform .el-form-item__error {
   top: 100%;
-  left: 15px !important;
+  left: 120px !important;
 }
 .starfish-editor .el-form,
 .starfish-form .el-form,
@@ -467,96 +424,32 @@
   width: 100%;
   min-height: 60px;
   height: 100%;
-}
-.rich-text-editor[data-v-715a995e] {
+}.rich-text-editor[data-v-244b11c8] {
   min-height: 200px;
+  position: relative;
+  z-index: 1;
 }
-[data-v-715a995e] .editor-content {
+[data-v-244b11c8] .editor-content {
   min-height: 200px;
 }
-[data-v-715a995e] .ProseMirror {
-  min-height: 180px;
-  outline: none;
-  padding: 12px;
-}
-[data-v-715a995e] .ProseMirror p.is-editor-empty:first-child::before {
-  color: #adb5bd;
-  content: attr(data-placeholder);
-  float: left;
-  height: 0;
-  pointer-events: none;
-}
-
-/* 行内代码样式 */
-[data-v-715a995e] .ProseMirror .inline-code {
-  background-color: #f3f4f6;
-  color: #e53e3e;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
-  font-size: 0.875em;
-  border: 1px solid #e5e7eb;
-}
-
-/* 代码块样式 */
-[data-v-715a995e] .ProseMirror .code-block {
-  background-color: #1f2937;
-  color: #f9fafb;
-  padding: 16px;
-  border-radius: 8px;
-  margin: 12px 0;
-  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
-  font-size: 0.875em;
-  line-height: 1.5;
+[data-v-244b11c8] .editor-content .ql-toolbar {
+  z-index: 100;
+  background: white;
+  border: 1px solid #ccc;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
   position: relative;
-  border: 1px solid #374151;
-}
-
-/* 引用块样式 */
-[data-v-715a995e] .ProseMirror blockquote {
-  border-left: 4px solid #3b82f6;
-  background-color: #f8fafc;
-  padding: 12px 16px;
-  margin: 12px 0;
-  border-radius: 0 8px 8px 0;
-  font-style: italic;
-  color: #4b5563;
-}
-
-/* 水平分割线样式 */
-[data-v-715a995e] .ProseMirror hr {
-  border: none;
-  border-top: 2px solid #e5e7eb;
-  margin: 24px 0;
-}
-
-/* 列表样式 */
-[data-v-715a995e] .ProseMirror ul,[data-v-715a995e] .ProseMirror ol {
-  padding-left: 24px;
-  margin: 12px 0;
-}
-[data-v-715a995e] .ProseMirror ul {
-  list-style: disc;
-}
-[data-v-715a995e] .ProseMirror ol {
-  list-style: decimal;
-}
-[data-v-715a995e] .ProseMirror li {
-  margin: 4px 0;
-}
-
-/* 标题样式 */
-[data-v-715a995e] .ProseMirror h1 {
-  font-size: 1.875em;
-  font-weight: bold;
-  margin: 24px 0 16px 0;
-  color: #111827;
 }
-[data-v-715a995e] .ProseMirror h2 {
-  font-size: 1.5em;
-  font-weight: bold;
-  margin: 20px 0 12px 0;
-  color: #111827;
+[data-v-244b11c8] .editor-content .ql-container {
+  border: 1px solid #ccc;
+  border-top: none;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  min-height: 200px;
+  z-index: 99;
+}
+[data-v-244b11c8] .shape .rich-text-editor {
+  pointer-events: auto !important;
 }.cm-gutters.cm-gutters-before {
   background: #133F63;
 }.el-collapse-item {

package/dist/types/form/src/common/Loading.vue.d.ts

@@ -1,3 +1,3 @@
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+import type { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/form/src/main.d.ts

@@ -1,7 +1,5 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-import { App } from "vue";
-export declare const Dynamicform: DefineComponent<{
+import type { DefineComponent, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, App } from 'vue';
+export declare const Dynamicform: DefineComponent<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -18,14 +16,18 @@ export declare const Dynamicform: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
     rules: any;
-    ruleForm: Ref<any>;
-    controlObj: Ref<any>;
+    ruleForm: Ref<any, any>;
+    controlObj: Ref<any, any>;
     handleControlChange: () => void;
     reset: () => void;
     getValidate: () => Promise<unknown>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -42,12 +44,17 @@ export declare const Dynamicform: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    search: boolean;
     readonly: boolean;
     allFormList: any;
     formResult: Record<string, any>;
     globalConfig: Record<string, any>;
-}>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/types/form/src/starfish-form.vue.d.ts

@@ -1,7 +1,5 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-import { PropType } from "vue";
-declare const _sfc_main: DefineComponent<{
+import type { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
+declare const _sfc_main: DefineComponent<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -18,14 +16,18 @@ declare const _sfc_main: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
     rules: any;
-    ruleForm: Ref<any>;
-    controlObj: Ref<any>;
+    ruleForm: Ref<any, any>;
+    controlObj: Ref<any, any>;
     handleControlChange: () => void;
     reset: () => void;
     getValidate: () => Promise<unknown>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -42,10 +44,15 @@ declare const _sfc_main: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    search: boolean;
     readonly: boolean;
     allFormList: any;
     formResult: Record<string, any>;
     globalConfig: Record<string, any>;
-}>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/form/src/utils/fieldProps.d.ts

@@ -20,6 +20,10 @@ declare const _default: {
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     labelalign: {
         type: StringConstructor;
         default: string;

package/package.json

@@ -1,52 +1,43 @@
-{
-  "name": "starfish-form-custom",
-  "version": "1.0.44",
-  "main": "dist/starfish-form.mjs",
-  "style": "dist/style.css",
-  "module": "dist/starfish-form.mjs",
-  "types": "dist/types/starfish-form.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/starfish-form.mjs"
-    },
-    "./dist/style.css": {
-      "import": "./dist/style.css"
-    },
-    "./*": "./*"
-  },
-  "scripts": {
-    "build": "vite build",
-    "prepublish": "npm version && npm run build"
-  },
-  "dependencies": {
-    "@codemirror/lang-javascript": "6.0.2",
-    "@element-plus/icons-vue": "^2.0.8",
-    "@tiptap/extension-blockquote": "^3.10.7",
-    "@tiptap/extension-code": "^3.10.7",
-    "@tiptap/extension-code-block": "^3.13.0",
-    "@tiptap/extension-code-block-lowlight": "^3.10.7",
-    "@tiptap/extension-horizontal-rule": "^3.10.7",
-    "@tiptap/extension-underline": "^3.10.7",
-    "@tiptap/pm": "^3.10.7",
-    "@tiptap/starter-kit": "^3.10.7",
-    "@tiptap/vue-3": "^3.10.7",
-    "codemirror": "6.0.1",
-    "element-plus": "^2.2.12",
-    "jsoneditor": "^9.9.0",
-    "lowlight": "^3.3.0",
-    "remixicon": "^4.7.0",
-    "vue": "^3.2.25",
-    "vue-codemirror": "6.1.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^2.3.3",
-    "rollup-plugin-visualizer": "^5.8.3",
-    "sass": "^1.35.1",
-    "typescript": "^4.5.4",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^4.5.2",
-    "vite-plugin-dts": "^1.2.0",
-    "vue-tsc": "^0.34.7"
-  }
-}
+{
+  "name": "starfish-form-custom",
+  "version": "1.0.46",
+  "main": "dist/starfish-form.mjs",
+  "style": "dist/style.css",
+  "module": "dist/starfish-form.mjs",
+  "types": "dist/types/starfish-form.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/starfish-form.mjs"
+    },
+    "./dist/style.css": {
+      "import": "./dist/style.css"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "npm version && npm run build"
+  },
+  "dependencies": {
+    "@codemirror/lang-javascript": "6.0.2",
+    "@element-plus/icons-vue": "^2.0.8",
+    "@vueup/vue-quill": "^1.2.0",
+    "codemirror": "6.0.1",
+    "element-plus": "^2.2.12",
+    "jsoneditor": "^9.9.0",
+    "lowlight": "^3.3.0",
+    "vue": "^3.2.25",
+    "vue-codemirror": "6.1.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.3.3",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "sass": "^1.35.1",
+    "typescript": "^4.5.4",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^4.5.2",
+    "vite-plugin-dts": "^1.2.0",
+    "vue-tsc": "^0.34.7"
+  }
+}

package/src/components/CheckBox/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="starfish-formitem" :class="{ formCover: drag, 'starfish-vertical': labelalign != 'top', [item.data.csslist?.join(' ')]: !!item.data.csslist}">
     <div class="label" :class="'label_' + labelalign" :style="{width: labelWidth + 'px'}">
-      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly'" class="item_require">*</span>
+      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly' && !search" class="item_require">*</span>
       <label>{{ item.data.label }}{{suffix}}</label>
-      <el-tooltip v-if="item.data.tip" class="item" effect="dark" :content="item.data.tip" placement="top">
+      <el-tooltip v-if="item.data.tip && !readonly && !search" class="item" effect="dark" :content="item.data.tip" placement="top">
         <span class="tip iconfontui icon-tishi"></span>
       </el-tooltip>
     </div>

package/src/components/Date/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="starfish-formitem" :class="{ formCover: drag, 'starfish-vertical': labelalign != 'top', [item.data.csslist?.join(' ')]: !!item.data.csslist}">
     <div class="label" :class="'label_' + labelalign" :style="{width: labelWidth + 'px'}">
-      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly'" class="item_require">*</span>
+      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly' && !search" class="item_require">*</span>
       <label>{{ item.data.label }}{{suffix}}</label>
-      <el-tooltip v-if="item.data.tip" class="item" effect="dark" :content="item.data.tip" placement="top">
+      <el-tooltip v-if="item.data.tip && !readonly && !search" class="item" effect="dark" :content="item.data.tip" placement="top">
         <span class="tip iconfontui icon-tishi"></span>
       </el-tooltip>
     </div>

package/src/components/DateTime/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="starfish-formitem" :class="{ formCover: drag, 'starfish-vertical': labelalign != 'top', [item.data.csslist?.join(' ')]: !!item.data.csslist}">
     <div class="label" :class="'label_' + labelalign" :style="{width: labelWidth + 'px'}">
-      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly'" class="item_require">*</span>
+      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly' && !search" class="item_require">*</span>
       <label>{{ item.data.label }}{{suffix}}</label>
-      <el-tooltip v-if="item.data.tip" class="item" effect="dark" :content="item.data.tip" placement="top">
+      <el-tooltip v-if="item.data.tip && !readonly && !search" class="item" effect="dark" :content="item.data.tip" placement="top">
         <span class="tip iconfontui icon-tishi"></span>
       </el-tooltip>
     </div>

package/src/components/InputNumber/index.vue

@@ -12,10 +12,10 @@
       :class="'label_' + labelalign"
       :style="{ width: labelWidth + 'px' }"
     >
-      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly'" class="item_require">*</span>
+      <span v-if="item.data.required && !readonly && item.data.state !== 'readonly' && !search" class="item_require">*</span>
       <label>{{ item.data.label }}{{ suffix }}</label>
       <el-tooltip
-        v-if="item.data.tip"
+        v-if="item.data.tip && !readonly && !search"
         class="item"
         effect="dark"
         :content="item.data.tip"

package/src/components/Radio/index.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Author: chenwen chenwen@jiton.com
+ * @Date: 2025-07-25 15:26:40
+ * @LastEditors: chenwen chenwen@jiton.com
+ * @LastEditTime: 2025-12-24 16:07:50
+ * @FilePath: \vue-form-design\packages\form\src\components\Radio\index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div
     class="starfish-formitem"
@@ -16,7 +24,7 @@
       <span v-if="item.data.required && !readonly && item.data.state !== 'readonly'" class="item_require">*</span>
       <label>{{ item.data.label }}{{ suffix }}</label>
       <el-tooltip
-        v-if="item.data.tip"
+        v-if="item.data.tip && !readonly"
         class="item"
         effect="dark"
         :content="item.data.tip"