@tmagic/form 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/types/src/fields/Link.vue.d.ts

@@ -338,6 +338,10 @@ declare const _default: DefineComponent<{
                                     (name: string, state: boolean | undefined): string;
                                     (name: string): string;
                                 };
+                                cssVar: (object: Record<string, string>) => Record<string, string>;
+                                cssVarName: (name: string) => string;
+                                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                                cssVarBlockName: (name: string) => string;
                             };
                             formClasses: ComputedRef<(string | {
                                 [x: string]: string | boolean | undefined;
@@ -440,6 +444,10 @@ declare const _default: DefineComponent<{
                                 (name: string, state: boolean | undefined): string;
                                 (name: string): string;
                             };
+                            cssVar: (object: Record<string, string>) => Record<string, string>;
+                            cssVarName: (name: string) => string;
+                            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                            cssVarBlockName: (name: string) => string;
                         };
                         formClasses: ComputedRef<(string | {
                             [x: string]: string | boolean | undefined;
@@ -649,6 +657,10 @@ declare const _default: DefineComponent<{
                                 (name: string, state: boolean | undefined): string;
                                 (name: string): string;
                             };
+                            cssVar: (object: Record<string, string>) => Record<string, string>;
+                            cssVarName: (name: string) => string;
+                            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                            cssVarBlockName: (name: string) => string;
                         };
                         formClasses: ComputedRef<(string | {
                             [x: string]: string | boolean | undefined;
@@ -751,6 +763,10 @@ declare const _default: DefineComponent<{
                             (name: string, state: boolean | undefined): string;
                             (name: string): string;
                         };
+                        cssVar: (object: Record<string, string>) => Record<string, string>;
+                        cssVarName: (name: string) => string;
+                        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                        cssVarBlockName: (name: string) => string;
                     };
                     formClasses: ComputedRef<(string | {
                         [x: string]: string | boolean | undefined;
@@ -1073,6 +1089,10 @@ declare const _default: DefineComponent<{
                                 (name: string, state: boolean | undefined): string;
                                 (name: string): string;
                             };
+                            cssVar: (object: Record<string, string>) => Record<string, string>;
+                            cssVarName: (name: string) => string;
+                            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                            cssVarBlockName: (name: string) => string;
                         };
                         formClasses: ComputedRef<(string | {
                             [x: string]: string | boolean | undefined;
@@ -1175,6 +1195,10 @@ declare const _default: DefineComponent<{
                             (name: string, state: boolean | undefined): string;
                             (name: string): string;
                         };
+                        cssVar: (object: Record<string, string>) => Record<string, string>;
+                        cssVarName: (name: string) => string;
+                        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                        cssVarBlockName: (name: string) => string;
                     };
                     formClasses: ComputedRef<(string | {
                         [x: string]: string | boolean | undefined;
@@ -1384,6 +1408,10 @@ declare const _default: DefineComponent<{
                             (name: string, state: boolean | undefined): string;
                             (name: string): string;
                         };
+                        cssVar: (object: Record<string, string>) => Record<string, string>;
+                        cssVarName: (name: string) => string;
+                        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                        cssVarBlockName: (name: string) => string;
                     };
                     formClasses: ComputedRef<(string | {
                         [x: string]: string | boolean | undefined;
@@ -1486,6 +1514,10 @@ declare const _default: DefineComponent<{
                         (name: string, state: boolean | undefined): string;
                         (name: string): string;
                     };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
                 };
                 formClasses: ComputedRef<(string | {
                     [x: string]: string | boolean | undefined;

package/package.json

@@ -1,7 +1,10 @@
 {
-  "version": "1.0.0-beta.14",
+  "version": "1.0.0-beta.15",
   "name": "@tmagic/form",
-  "sideEffects": false,
+  "sideEffects": [
+    "dist/*",
+    "src/theme/*"
+  ],
   "main": "dist/tmagic-form.umd.js",
   "module": "dist/tmagic-form.es.js",
   "style": "dist/style.css",
@@ -14,7 +17,8 @@
     "./dist/style.css": {
       "import": "./dist/style.css",
       "require": "./dist/style.css"
-    }
+    },
+    "./*": "./*"
   },
   "license": "Apache-2.0",
   "scripts": {
@@ -31,8 +35,8 @@
   },
   "dependencies": {
     "@element-plus/icons": "0.0.11",
-    "@tmagic/utils": "^1.0.0-beta.14",
-    "element-plus": "^2.1.7",
+    "@tmagic/utils": "^1.0.0-beta.15",
+    "element-plus": "^2.2.0",
     "lodash-es": "^4.17.21",
     "moment": "^2.29.2",
     "sortablejs": "^1.14.0",
@@ -58,5 +62,5 @@
     "vite-plugin-dts": "^0.9.6",
     "vue-tsc": "^0.0.24"
   },
-  "gitHead": "02dd9fa31c856c6a4812af156bed0e1839c46599"
+  "gitHead": "340e4e3018c8699d6cf49001e0c367996ecea857"
 }

package/src/containers/Container.vue

@@ -70,7 +70,7 @@
         <div v-if="extra" v-html="extra" class="m-form-tip"></div>
       </el-form-item>
 
-      <el-tooltip v-if="config.tip" placement="top">
+      <el-tooltip v-if="config.tip" placement="left">
         <el-icon style="line-height: 40px; margin-left: 5px"><warning-filled /></el-icon>
         <template #content>
           <div v-html="config.tip"></div>
@@ -96,7 +96,7 @@
     </template>
 
     <div style="text-align: center" v-if="config.expand && type !== 'fieldset'">
-      <el-button type="text" @click="expandHandler">{{ expand ? '收起配置' : '展开更多配置' }}</el-button>
+      <el-button text @click="expandHandler">{{ expand ? '收起配置' : '展开更多配置' }}</el-button>
     </div>
   </div>
 </template>

package/src/containers/GroupListItem.vue

@@ -5,21 +5,21 @@
         ><caret-bottom v-if="expand" /><caret-right v-else
       /></el-icon>
 
-      <el-button type="text" @click="expandHandler">{{ title }}</el-button>
+      <el-button text @click="expandHandler">{{ title }}</el-button>
 
       <el-button
         v-show="showDelete(parseInt(String(index)))"
-        type="text"
+        text
         :icon="Delete"
         style="color: #f56c6c"
         @click="removeHandler"
       ></el-button>
 
       <template v-if="movable()">
-        <el-button v-show="index !== 0" type="text" size="small" @click="changeOrder(-1)"
+        <el-button v-show="index !== 0" text size="small" @click="changeOrder(-1)"
           >上移<el-icon><CaretRight /></el-icon
         ></el-button>
-        <el-button v-show="index !== length - 1" type="text" size="small" @click="changeOrder(1)"
+        <el-button v-show="index !== length - 1" text size="small" @click="changeOrder(1)"
           >下移<el-icon><CaretBottom /></el-icon
         ></el-button>
       </template>

package/src/containers/Row.vue

@@ -3,7 +3,7 @@
     <Col
       v-for="(col, index) in config.items"
       :key="col[mForm?.keyProp || '__key'] ?? index"
-      :span="config.span || config.span || 24 / config.items.length"
+      :span="col.span || config.span || 24 / config.items.length"
       :config="col"
       :labelWidth="config.labelWidth || labelWidth"
       :expandMore="expandMore"

package/src/containers/Table.vue

@@ -25,8 +25,8 @@
             <template v-slot="scope">
               <el-button
                 v-show="showDelete(scope.$index + 1 + pagecontext * pagesize - 1)"
-                style="color: #f56c6c"
-                type="text"
+                type="danger"
+                text
                 :icon="Delete"
                 @click="removeHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
               ></el-button>
@@ -44,7 +44,7 @@
                   plain
                   size="small"
                   :icon="ArrowUp"
-                  type="text"
+                  text
                   @click="upHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                   @dblclick="topHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                 ></el-button>
@@ -58,7 +58,7 @@
                   plain
                   size="small"
                   :icon="ArrowDown"
-                  type="text"
+                  text
                   @click="downHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                   @dblclick="bottomHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
                 ></el-button>

package/src/fields/Link.vue

@@ -2,7 +2,7 @@
   <a v-if="config.href && !disabled" target="_blank" :href="href" :style="config.css || {}">{{ displayText }}</a>
   <span v-else-if="config.href && disabled" :style="config.disabledCss || {}">{{ displayText }}</span>
   <div v-else class="m-fields-link">
-    <el-button type="text" @click="editHandler">点击编辑</el-button>
+    <el-button text @click="editHandler">点击编辑</el-button>
     <m-form-dialog
       ref="editor"
       :title="config.formTitle || '编辑扩展配置'"