starfish-form-custom 1.0.0 → 1.0.2

package/dist/{starfish-form-a18a5409.mjs → starfish-form-a993ec26.mjs}

@@ -3,10 +3,12 @@ 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, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, createCommentVNode, toRaw } from 'vue';
-import { _ as _export_sfc } from './main-96327b2e.mjs';
+import { _ as _export_sfc } from './main-2d947b2c.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';
 import 'element-plus/es/components/tooltip/style/css';
+import '@element-plus/icons-vue';
 import 'element-plus/es/components/loading/style/css';
 import 'element-plus/es/components/dropdown/style/css';
 import 'element-plus/es/components/dropdown-menu/style/css';
@@ -15,11 +17,9 @@ import 'element-plus/es/components/collapse/style/css';
 import 'element-plus/es/components/collapse-item/style/css';
 import 'element-plus/es/components/row/style/css';
 import 'element-plus/es/components/button/style/css';
-import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/col/style/css';
 import 'element-plus/es/components/select/style/css';
 import 'element-plus/es/components/option/style/css';
-import '@element-plus/icons-vue';
 import 'element-plus/es/components/input-number/style/css';
 import 'element-plus/es/components/radio-group/style/css';
 import 'element-plus/es/components/radio-button/style/css';
@@ -299,7 +299,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ref_for: true,
                   ref: "controlObj",
                   onChange: _ctx.handleControlChange
-                }, { ref_for: true }, _ctx.globalConfig, {
+                }, _ctx.globalConfig, {
                   item: item2,
                   data: _ctx.formResult || "{}",
                   drag: false
@@ -307,11 +307,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 2
             }, 1032, ["prop"])) : item2.show ? (openBlock(), createBlock(resolveDynamicComponent(item2.ControlType), mergeProps({
+              key: 1,
               ref_for: true,
               ref: "controlObj",
               onChange: _ctx.handleControlChange,
               key: item2.id
-            }, { ref_for: true }, _ctx.globalConfig, {
+            }, _ctx.globalConfig, {
               item: item2,
               data: _ctx.formResult || "{}",
               drag: false

package/dist/starfish-form.mjs

@@ -1,10 +1,12 @@
-export { D as Dynamicform, m as default } from './main-96327b2e.mjs';
+export { D as Dynamicform, m as default } from './main-2d947b2c.mjs';
 import 'vue';
 import 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import 'element-plus/es/components/tooltip/style/css';
+import '@element-plus/icons-vue';
 import 'element-plus/es/components/loading/style/css';
 import 'element-plus/es/components/dropdown/style/css';
 import 'element-plus/es/components/dropdown-menu/style/css';
@@ -13,11 +15,9 @@ import 'element-plus/es/components/collapse/style/css';
 import 'element-plus/es/components/collapse-item/style/css';
 import 'element-plus/es/components/row/style/css';
 import 'element-plus/es/components/button/style/css';
-import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/col/style/css';
 import 'element-plus/es/components/select/style/css';
 import 'element-plus/es/components/option/style/css';
-import '@element-plus/icons-vue';
 import 'element-plus/es/components/input-number/style/css';
 import 'element-plus/es/components/radio-group/style/css';
 import 'element-plus/es/components/radio-button/style/css';

package/dist/style.css

@@ -6,10 +6,10 @@
 .loading[data-v-2b901926] .el-loading-spinner .circular {
   width: 30px;
   height: 30px;
-}.control[data-v-2c747f4d] {
+}.control[data-v-4ce4907e] {
   width: 240px;
 }
-.control > div[data-v-2c747f4d] {
+.control > div[data-v-4ce4907e] {
   display: flex;
   align-items: center;
 }.starfish-editor .el-form-item__content,
@@ -350,6 +350,8 @@
   width: 100%;
   min-height: 60px;
   height: 100%;
+}.cm-gutters.cm-gutters-before {
+  background: #133F63;
 }.el-collapse-item {
   border: 1px solid #ebeef5;
   border-bottom-color: #e1e1e1;
@@ -374,4 +376,7 @@
 }
 .starfish-formitem-rule .label {
   align-self: flex-start;
+}
+.cm-gutters.cm-gutters-before {
+  background: #133F63;
 }

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

@@ -1,3 +1,3 @@
-import type { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+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<{}>>, {}>;
 export default _default;

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

@@ -0,0 +1,85 @@
+import type { Ref } from '@vue/reactivity';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+declare const _sfc_main: DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelalign: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    isForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    rules: {
+        funcName: {
+            required: boolean;
+            message: string;
+            trigger: string;
+        }[];
+    };
+    actionRef: Ref<any>;
+    action: any;
+    currentAction: any;
+    getField(methods: string): any;
+    onAction(type?: string | undefined): void;
+    onEditAction(key: any, type: string): void;
+    handleAction(item: any): void;
+    onSave(): void;
+    onCancel(): void;
+    copyAction(item: any): void;
+    deleteAction(item: any): void;
+    addAction(type?: string | undefined): void;
+    onConfirm(): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelalign: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    isForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    drag: boolean;
+    data: Record<string, any>;
+    item: Record<string, any>;
+    labelalign: string;
+    isForm: boolean;
+}>;
+export default _sfc_main;

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

@@ -1,5 +1,7 @@
-import type { DefineComponent, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, App } from 'vue';
-export declare const Dynamicform: DefineComponent<ExtractPropTypes<{
+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<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -12,14 +14,14 @@ export declare const Dynamicform: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default(): {};
     };
-}>, {
+}, {
     rules: any;
-    ruleForm: Ref<any, any>;
-    controlObj: Ref<any, any>;
+    ruleForm: Ref<any>;
+    controlObj: Ref<any>;
     handleControlChange: () => void;
     reset: () => void;
     getValidate: () => Promise<unknown>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -32,11 +34,11 @@ export declare const Dynamicform: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default(): {};
     };
-}>> & Readonly<{}>, {
+}>>, {
     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,5 +1,7 @@
-import type { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
-declare const _sfc_main: DefineComponent<ExtractPropTypes<{
+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<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -12,14 +14,14 @@ declare const _sfc_main: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default(): {};
     };
-}>, {
+}, {
     rules: any;
-    ruleForm: Ref<any, any>;
-    controlObj: Ref<any, any>;
+    ruleForm: Ref<any>;
+    controlObj: Ref<any>;
     handleControlChange: () => void;
     reset: () => void;
     getValidate: () => Promise<unknown>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     allFormList: {
         type: PropType<any>;
         default(): never[];
@@ -32,9 +34,9 @@ declare const _sfc_main: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default(): {};
     };
-}>> & Readonly<{}>, {
+}>>, {
     allFormList: any;
     formResult: Record<string, any>;
     globalConfig: Record<string, any>;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}>;
 export default _sfc_main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "starfish-form-custom",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/starfish-form.mjs",
   "style": "dist/style.css",
   "module": "dist/starfish-form.mjs",

package/src/common/KeyValueConfig.vue

@@ -16,22 +16,22 @@
           <div class="inputItem">
             <span>文本：</span>
             <div>
-              <el-input v-model="items.label" size="small" @input="getChangeValue(items)" />
+              <el-input v-model="items.label" size="default" @input="getChangeValue(items)" />
             </div>
           </div>
           <div class="inputItem">
             <span>值：</span>
             <div>
-              <el-input v-model="items.value" size="small" @input="getChangeValue(items)" />
+              <el-input v-model="items.value" size="default" @input="getChangeValue(items)" />
             </div>
           </div>
         </div>
         <div class="keyValueControl">
           <div class="add" @click="addItem(index)">
-            <i class="iconfontui icon-zengjia"></i>
+            <el-icon :size="12" style="color: #fff"><Plus /></el-icon>
           </div>
           <div class="remove" @click="removeItem(index)">
-            <i class="iconfontui icon-shanchu"></i>
+            <el-icon :size="12" style="color: #fff"><SemiSelect /></el-icon>
           </div>
           <div class="top" @click="handleTop(index)">
             <i class="iconfontui icon-shangyi"></i>
@@ -46,6 +46,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from "vue";
+  import { Plus, SemiSelect } from '@element-plus/icons-vue';
   import { getFormConfig } from "../utils/fieldConfig";
   import fieldProps from "../utils/fieldProps";
   export default defineComponent({
@@ -69,6 +70,8 @@
         return maxId + 1;
       }
       return {
+        Plus,
+        SemiSelect,
         getChangeValue(sitem: any) {
           const data: any = props.data;
           const item: any = props.item;

package/src/common/KeyValueConfigMult.vue

@@ -16,22 +16,22 @@
           <div class="inputItem">
             <span>文本：</span>
             <div>
-              <el-input v-model="items.label" size="small" @input="getChangeValue()" />
+              <el-input v-model="items.label" size="default" @input="getChangeValue()" />
             </div>
           </div>
           <div class="inputItem">
             <span>值：</span>
             <div>
-              <el-input v-model="items.value" size="small" @input="getChangeValue()" />
+              <el-input v-model="items.value" size="default" @input="getChangeValue()" />
             </div>
           </div>
         </div>
         <div class="keyValueControl">
           <div class="add" @click="addItem(index)">
-            <i class="iconfontui icon-zengjia"></i>
+            <el-icon :size="12" style="color: #fff"><Plus /></el-icon>
           </div>
           <div class="remove" @click="removeItem(index)">
-            <i class="iconfontui icon-shanchu"></i>
+            <el-icon :size="12" style="color: #fff"><SemiSelect /></el-icon>
           </div>
           <div class="top" @click="handleTop(index)">
             <i class="iconfontui icon-shangyi"></i>
@@ -46,6 +46,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from "vue";
+  import { Plus, SemiSelect } from '@element-plus/icons-vue';
   import { getFormConfig } from "../utils/fieldConfig";
   import fieldProps from "../utils/fieldProps";
   export default defineComponent({
@@ -69,6 +70,8 @@
         return maxId + 1;
       }
       return {
+        Plus,
+        SemiSelect,
         getChangeValue() {
           const data: any = props.data;
           const item: any = props.item;

package/src/common/formAction.vue

@@ -87,13 +87,13 @@
               <el-main class="event-script-main">
                 <el-container class="is-vertical">
                   <header class="action-header event-script-main-header">
-                    <el-button type="primary" @click="onConfirm" size="small"
+                    <el-button type="primary" @click="onConfirm" size="default"
                       >确定</el-button
                     >
-                    <el-button type="primary" @click="onSave" size="small"
+                    <el-button type="primary" @click="onSave" size="default"
                       >保存</el-button
                     >
-                    <el-button @click="onCancel" size="small">取消</el-button>
+                    <el-button @click="onCancel" size="default">取消</el-button>
                   </header>
                   <el-main v-if="currentAction" class="func_main">
                     <el-scrollbar>
@@ -296,3 +296,8 @@ export default defineComponent({
   },
 });
 </script>
+<style lang="scss">
+.cm-gutters.cm-gutters-before {
+  background: #133F63;
+}
+</style>

package/src/common/listConfig.vue

@@ -5,12 +5,12 @@
     </div>
     <div class="control" :style="{ marginLeft: labelalign != 'top' ? labelWidth + 'px' : '' }">
       <el-row v-for="(items, index) in data[item.data.fieldName]" :key="index" :gutter="10" style="margin-bottom: 10px;">
-          <el-input-number v-model="items.span" :min="0" size="small" controls-position="right" />
-          <el-button type="danger" circle size="small" @click="onDelete(index)" style="margin-left: 5px;">
+          <el-input-number v-model="items.span" :min="0" size="default" controls-position="right" />
+          <el-button type="danger" circle size="default" @click="onDelete(index)" style="margin-left: 5px;">
             <el-icon><Delete /></el-icon>
           </el-button>
       </el-row>
-      <el-button plain @click="onAdd" size="small">添加</el-button>
+      <el-button plain @click="onAdd" size="default">添加</el-button>
     </div>
   </div>
 </template>

package/src/common/panel.vue

@@ -16,10 +16,10 @@
                   <i class="iconfontui icon-bars handle"></i>
                 </el-col>
                 <el-col class="list-group-item" :span="14">
-                  <el-input size="small" v-model="element.name" clearable />
+                  <el-input size="default" v-model="element.name" clearable />
                 </el-col>
                 <el-col :span="2">
-                  <el-button type="danger" circle size="small" @click="removeAt(index)">
+                  <el-button type="danger" circle size="default" @click="removeAt(index)">
                     <el-icon><Delete /></el-icon>
                   </el-button>
                 </el-col>
@@ -27,7 +27,7 @@
             </template>
           </draggable>
         </el-col>
-        <el-button type="primary" text @click="add" size="small">添加面板</el-button>
+        <el-button type="primary" text @click="add" size="default">添加面板</el-button>
       </el-row>
     </div>
   </div>

package/src/components/ColorSelect/index.vue

@@ -9,11 +9,11 @@
     </div>
     <div class="control" :style="{marginLeft: labelalign != 'top'?labelWidth + 'px': ''}">
       <div v-if="drag">
-        <el-input v-model="item.data.default" :placeholder="item.data.placeholder" size="small" style="width: 150px;"/>
+        <el-input v-model="item.data.default" :placeholder="item.data.placeholder" size="default" style="width: 150px;"/>
         <el-color-picker v-model="item.data.default" show-alpha :size="size"></el-color-picker>
       </div>
       <div v-if="!drag">
-        <el-input v-model="data[item.data.fieldName]" :placeholder="item.data.placeholder" size="small" style="width: 150px;"/>
+        <el-input v-model="data[item.data.fieldName]" :placeholder="item.data.placeholder" size="default" style="width: 150px;"/>
         <el-color-picker v-model="data[item.data.fieldName]" show-alpha :size="size"></el-color-picker>
       </div>
     </div>

package/src/components/Rule/index.vue

@@ -362,4 +362,7 @@ export default defineComponent({
     align-self: flex-start;
   }
 }
+.cm-gutters.cm-gutters-before {
+  background: #133F63;
+}
 </style>