vxe-design 4.0.2 → 4.0.3

package/README.md

@@ -39,9 +39,10 @@
 
 ## 在线文档
 
-👉 [组件文档](https://vxeui.com)  
-👉 [表格文档](https://vxetable.cn)  
-👉 [可视化文档](https://design.vxeui.com)  
+👉 [基础库](https://vxeui.com)  
+👉 [表格库](https://vxetable.cn)  
+👉 [甘特图](https://gantt.vxeui.com)  
+👉 [可视化](https://design.vxeui.com)  
 
 ## QQ 交流群
 

package/es/components.js

@@ -1,10 +1,11 @@
-import { setConfig } from '@vxe-ui/core';
+import VxeUI from './ui';
 import VxeFlowDesign from './flow-design';
 import VxeFlowView from './flow-view';
 import VxeFormDesign from './form-design';
 import VxeFormView from './form-view';
 import VxeListDesign from './list-design';
 import VxeListView from './list-view';
+const { setConfig } = VxeUI;
 const components = [
     VxeFlowDesign,
     VxeFlowView,
@@ -17,7 +18,7 @@ export function install(app, options) {
     setConfig(options);
     components.forEach(component => app.use(component));
 }
-export * from './ui';
+export { VxeUI };
 // Components
 export * from './flow-design';
 export * from './flow-view';

package/es/form-design/render/index.js

@@ -1,5 +1,5 @@
 import { h } from 'vue';
-import { renderer } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
 import { getWidgetTextConfig, WidgetTextViewComponent, WidgetTextFormComponent } from '../widget-text';
 import { getWidgetRowConfig, WidgetRowEditComponent, WidgetRowViewComponent, WidgetRowFormComponent } from '../widget-row';
 import { getWidgetSubtableConfig, WidgetSubtableEditComponent, WidgetSubtableViewComponent, WidgetSubtableFormComponent } from '../widget-subtable';
@@ -19,6 +19,7 @@ import { getWidgetVxeUploadFileConfig, WidgetVxeUploadFileViewComponent, WidgetV
 import { getWidgetVxeUploadImageConfig, WidgetVxeUploadImageViewComponent, WidgetVxeUploadImageFormComponent } from '../widget-vxe-upload-image';
 import { getWidgetVxeRateConfig, WidgetVxeRateViewComponent, WidgetVxeRateFormComponent } from '../widget-vxe-rate';
 import { getWidgetVxeSliderConfig, WidgetVxeSliderViewComponent, WidgetVxeSliderFormComponent } from '../widget-vxe-slider';
+const { renderer } = VxeUI;
 /**
  * 表单设计器 - 渲染器
  */

package/es/form-design/render/util.js

@@ -1,4 +1,5 @@
-import { getI18n } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
+const { getI18n } = VxeUI;
 export const getFormDesignWidgetName = (name) => {
     return getI18n(`vxe.formDesign.widget.component.${name}`);
 };

package/es/form-design/src/default-setting-form.js

@@ -1,6 +1,7 @@
 import { h, inject, createCommentVNode } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { VxeUI, getIcon, getI18n } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
+const { getIcon, getI18n } = VxeUI;
 export const DefaultSettingFormComponent = defineVxeComponent({
     name: 'DefaultSettingForm',
     props: {

package/es/form-design/src/default-style-form.js

@@ -1,6 +1,7 @@
 import { h, ref, inject, createCommentVNode } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { VxeUI, getI18n } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
+const { getI18n } = VxeUI;
 const getBoldOptions = () => {
     return [
         { label: getI18n('vxe.formDesign.styleSetting.fontNormal'), value: false },

package/es/form-design/src/form-design.js

@@ -1,6 +1,6 @@
 import { ref, h, reactive, provide, watch, nextTick, createCommentVNode } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { VxeUI, getConfig, getIcon, getI18n, renderer, useSize, createEvent, renderEmptyElement } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
 import { toCssUnit } from '../../ui/src/dom';
 import { FormDesignWidgetInfo, getWidgetConfig, getWidgetConfigCustomGroup, configToWidget } from './widget-info';
 import XEUtils from 'xe-utils';
@@ -9,6 +9,8 @@ import LayoutPreviewComponent from './layout-preview';
 import LayoutSettingComponent from './layout-setting';
 import LayoutStyleComponent from './layout-style';
 import { getDefaultSettingFormData } from './default-setting-data';
+const { getConfig, getIcon, getI18n, renderer, createEvent, renderEmptyElement, useFns } = VxeUI;
+const { useSize } = useFns;
 export default defineVxeComponent({
     name: 'VxeFormDesign',
     props: {

package/es/form-design/widget-subtable/subtable-view.js

@@ -97,6 +97,7 @@ const ViewSubItemComponent = defineVxeComponent({
             const subParams = {
                 $table: null,
                 $grid: null,
+                $gantt: null,
                 seq: '',
                 column: {
                     field: widget.field,

package/es/index.esm.js

@@ -1,3 +1,3 @@
-import * as VxeUIDesign from './components';
+import * as VxeUIDesignExport from './components';
 export * from './components';
-export default VxeUIDesign;
+export default VxeUIDesignExport;

package/es/ui/index.js

@@ -1,4 +1,6 @@
-import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
+import { errLog } from './src/log';
+const { setConfig, setIcon, checkVersion } = VxeUI;
 VxeUI.designVersion = "4.0.2";
 setConfig({
     formDesign: {
@@ -34,5 +36,15 @@ setIcon({
     LIST_DESIGN_LIST_SETTING_SEARCH_DELETE: iconPrefix + 'delete',
     LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE: iconPrefix + 'delete'
 });
-export * from '@vxe-ui/core';
+const pVersion = 4;
+const sVersion = 11;
+if (checkVersion) {
+    if (!checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+        errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
+    }
+}
+else {
+    errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
+}
+export { VxeUI };
 export default VxeUI;

package/es/ui/src/log.js

@@ -1,4 +1,5 @@
-import { log } from '@vxe-ui/core';
-const version = `ui v${"4.0.2"}`;
+import { VxeUI } from '@vxe-ui/core';
+const { log } = VxeUI;
+const version = `design v${"4.0.2"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/components.js

@@ -4,10 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  install: true
+  install: true,
+  VxeUI: true
 };
+Object.defineProperty(exports, "VxeUI", {
+  enumerable: true,
+  get: function () {
+    return _ui.default;
+  }
+});
 exports.install = install;
-var _core = require("@vxe-ui/core");
+var _ui = _interopRequireDefault(require("./ui"));
 var _flowDesign = _interopRequireWildcard(require("./flow-design"));
 Object.keys(_flowDesign).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -80,23 +87,15 @@ Object.keys(_listView).forEach(function (key) {
     }
   });
 });
-var _ui = require("./ui");
-Object.keys(_ui).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ui[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ui[key];
-    }
-  });
-});
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  setConfig
+} = _ui.default;
 const components = [_flowDesign.default, _flowView.default, _formDesign.default, _formView.default, _listDesign.default, _listView.default];
 function install(app, options) {
-  (0, _core.setConfig)(options);
+  setConfig(options);
   components.forEach(component => app.use(component));
 }
 

package/lib/components.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0},_core=(exports.install=install,require("@vxe-ui/core")),_flowDesign=_interopRequireWildcard(require("./flow-design")),_flowView=(Object.keys(_flowDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowDesign[e]}})}),_interopRequireWildcard(require("./flow-view"))),_formDesign=(Object.keys(_flowView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowView[e]}})}),_interopRequireWildcard(require("./form-design"))),_formView=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-view"))),_listDesign=(Object.keys(_formView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formView[e]}})}),_interopRequireWildcard(require("./list-design"))),_listView=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./list-view"))),_ui=(Object.keys(_listView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listView[e]}})}),require("./ui"));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,i={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=n?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(i,r,o):i[r]=e[r]);return i.default=e,t&&t.set(e,i),i}Object.keys(_ui).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_ui[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _ui[e]}})});const components=[_flowDesign.default,_flowView.default,_formDesign.default,_formView.default,_listDesign.default,_listView.default];function install(t,e){(0,_core.setConfig)(e),components.forEach(e=>t.use(e))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0,VxeUI:!0},_ui=(Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _ui.default}}),exports.install=install,_interopRequireDefault(require("./ui"))),_flowDesign=_interopRequireWildcard(require("./flow-design")),_flowView=(Object.keys(_flowDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowDesign[e]}})}),_interopRequireWildcard(require("./flow-view"))),_formDesign=(Object.keys(_flowView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowView[e]}})}),_interopRequireWildcard(require("./form-design"))),_formView=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-view"))),_listDesign=(Object.keys(_formView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formView[e]}})}),_interopRequireWildcard(require("./list-design"))),_listView=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./list-view")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,i={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=n?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(i,r,o):i[r]=e[r]);return i.default=e,t&&t.set(e,i),i}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.keys(_listView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listView[e]}})});const setConfig=_ui.default["setConfig"],components=[_flowDesign.default,_flowView.default,_formDesign.default,_formView.default,_listDesign.default,_listView.default];function install(t,e){setConfig(e),components.forEach(e=>t.use(e))}

package/lib/form-design/render/index.js

@@ -21,10 +21,13 @@ var _widgetVxeUploadFile = require("../widget-vxe-upload-file");
 var _widgetVxeUploadImage = require("../widget-vxe-upload-image");
 var _widgetVxeRate = require("../widget-vxe-rate");
 var _widgetVxeSlider = require("../widget-vxe-slider");
+const {
+  renderer
+} = _core.VxeUI;
 /**
  * 表单设计器 - 渲染器
  */
-_core.renderer.mixin({
+renderer.mixin({
   text: {
     createFormDesignWidgetConfig: _widgetText.getWidgetTextConfig,
     renderFormDesignWidgetView(renderOpts, renderParams) {

package/lib/form-design/render/index.min.js

@@ -1 +1 @@
-"use strict";var _vue=require("vue"),_core=require("@vxe-ui/core"),_widgetText=require("../widget-text"),_widgetRow=require("../widget-row"),_widgetSubtable=require("../widget-subtable"),_widgetInput=require("../widget-input"),_widgetTextarea=require("../widget-textarea"),_widgetSelect=require("../widget-select"),_widgetVxeInput=require("../widget-vxe-input"),_widgetVxeNumberInput=require("../widget-vxe-number-input"),_widgetVxeDatePicker=require("../widget-vxe-date-picker"),_widgetVxeTextarea=require("../widget-vxe-textarea"),_widgetVxeSwitch=require("../widget-vxe-switch"),_widgetVxeSelect=require("../widget-vxe-select"),_widgetVxeTreeSelect=require("../widget-vxe-tree-select"),_widgetVxeRadioGroup=require("../widget-vxe-radio-group"),_widgetVxeCheckboxGroup=require("../widget-vxe-checkbox-group"),_widgetVxeUploadFile=require("../widget-vxe-upload-file"),_widgetVxeUploadImage=require("../widget-vxe-upload-image"),_widgetVxeRate=require("../widget-vxe-rate"),_widgetVxeSlider=require("../widget-vxe-slider");_core.renderer.mixin({text:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},title:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},row:{createFormDesignWidgetConfig:_widgetRow.getWidgetRowConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetRow.WidgetRowEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowFormComponent,{renderOpts:e,renderParams:r})}},subtable:{createFormDesignWidgetConfig:_widgetSubtable.getWidgetSubtableConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableFormComponent,{renderOpts:e,renderParams:r})}},input:{createFormDesignWidgetConfig:_widgetInput.getWidgetInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputFormComponent,{renderOpts:e,renderParams:r})}},textarea:{createFormDesignWidgetConfig:_widgetTextarea.getWidgetTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaFormComponent,{renderOpts:e,renderParams:r})}},select:{createFormDesignWidgetConfig:_widgetSelect.getWidgetSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeInput:{createFormDesignWidgetConfig:_widgetVxeInput.getWidgetVxeInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputFormComponent,{renderOpts:e,renderParams:r})}},VxeNumberInput:{createFormDesignWidgetConfig:_widgetVxeNumberInput.getWidgetVxeNumberInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputFormComponent,{renderOpts:e,renderParams:r})}},VxeDatePicker:{createFormDesignWidgetConfig:_widgetVxeDatePicker.getWidgetVxeDatePickerConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerFormComponent,{renderOpts:e,renderParams:r})}},VxeTextarea:{createFormDesignWidgetConfig:_widgetVxeTextarea.getWidgetVxeTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaFormComponent,{renderOpts:e,renderParams:r})}},VxeSwitch:{createFormDesignWidgetConfig:_widgetVxeSwitch.getWidgetVxeSwitchConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchFormComponent,{renderOpts:e,renderParams:r})}},VxeSelect:{createFormDesignWidgetConfig:_widgetVxeSelect.getWidgetVxeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeTreeSelect:{createFormDesignWidgetConfig:_widgetVxeTreeSelect.getWidgetVxeTreeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeRadioGroup:{createFormDesignWidgetConfig:_widgetVxeRadioGroup.getWidgetVxeRadioGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeCheckboxGroup:{createFormDesignWidgetConfig:_widgetVxeCheckboxGroup.getWidgetVxeCheckboxGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadFile:{createFormDesignWidgetConfig:_widgetVxeUploadFile.getWidgetVxeUploadFileConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadImage:{createFormDesignWidgetConfig:_widgetVxeUploadImage.getWidgetVxeUploadImageConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageFormComponent,{renderOpts:e,renderParams:r})}},VxeRate:{createFormDesignWidgetConfig:_widgetVxeRate.getWidgetVxeRateConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateFormComponent,{renderOpts:e,renderParams:r})}},VxeSlider:{createFormDesignWidgetConfig:_widgetVxeSlider.getWidgetVxeSliderConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderFormComponent,{renderOpts:e,renderParams:r})}}});
+"use strict";var _vue=require("vue"),_core=require("@vxe-ui/core"),_widgetText=require("../widget-text"),_widgetRow=require("../widget-row"),_widgetSubtable=require("../widget-subtable"),_widgetInput=require("../widget-input"),_widgetTextarea=require("../widget-textarea"),_widgetSelect=require("../widget-select"),_widgetVxeInput=require("../widget-vxe-input"),_widgetVxeNumberInput=require("../widget-vxe-number-input"),_widgetVxeDatePicker=require("../widget-vxe-date-picker"),_widgetVxeTextarea=require("../widget-vxe-textarea"),_widgetVxeSwitch=require("../widget-vxe-switch"),_widgetVxeSelect=require("../widget-vxe-select"),_widgetVxeTreeSelect=require("../widget-vxe-tree-select"),_widgetVxeRadioGroup=require("../widget-vxe-radio-group"),_widgetVxeCheckboxGroup=require("../widget-vxe-checkbox-group"),_widgetVxeUploadFile=require("../widget-vxe-upload-file"),_widgetVxeUploadImage=require("../widget-vxe-upload-image"),_widgetVxeRate=require("../widget-vxe-rate"),_widgetVxeSlider=require("../widget-vxe-slider");const renderer=_core.VxeUI["renderer"];renderer.mixin({text:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},title:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},row:{createFormDesignWidgetConfig:_widgetRow.getWidgetRowConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetRow.WidgetRowEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowFormComponent,{renderOpts:e,renderParams:r})}},subtable:{createFormDesignWidgetConfig:_widgetSubtable.getWidgetSubtableConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableFormComponent,{renderOpts:e,renderParams:r})}},input:{createFormDesignWidgetConfig:_widgetInput.getWidgetInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputFormComponent,{renderOpts:e,renderParams:r})}},textarea:{createFormDesignWidgetConfig:_widgetTextarea.getWidgetTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaFormComponent,{renderOpts:e,renderParams:r})}},select:{createFormDesignWidgetConfig:_widgetSelect.getWidgetSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeInput:{createFormDesignWidgetConfig:_widgetVxeInput.getWidgetVxeInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputFormComponent,{renderOpts:e,renderParams:r})}},VxeNumberInput:{createFormDesignWidgetConfig:_widgetVxeNumberInput.getWidgetVxeNumberInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputFormComponent,{renderOpts:e,renderParams:r})}},VxeDatePicker:{createFormDesignWidgetConfig:_widgetVxeDatePicker.getWidgetVxeDatePickerConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerFormComponent,{renderOpts:e,renderParams:r})}},VxeTextarea:{createFormDesignWidgetConfig:_widgetVxeTextarea.getWidgetVxeTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaFormComponent,{renderOpts:e,renderParams:r})}},VxeSwitch:{createFormDesignWidgetConfig:_widgetVxeSwitch.getWidgetVxeSwitchConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchFormComponent,{renderOpts:e,renderParams:r})}},VxeSelect:{createFormDesignWidgetConfig:_widgetVxeSelect.getWidgetVxeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeTreeSelect:{createFormDesignWidgetConfig:_widgetVxeTreeSelect.getWidgetVxeTreeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeRadioGroup:{createFormDesignWidgetConfig:_widgetVxeRadioGroup.getWidgetVxeRadioGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeCheckboxGroup:{createFormDesignWidgetConfig:_widgetVxeCheckboxGroup.getWidgetVxeCheckboxGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadFile:{createFormDesignWidgetConfig:_widgetVxeUploadFile.getWidgetVxeUploadFileConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadImage:{createFormDesignWidgetConfig:_widgetVxeUploadImage.getWidgetVxeUploadImageConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageFormComponent,{renderOpts:e,renderParams:r})}},VxeRate:{createFormDesignWidgetConfig:_widgetVxeRate.getWidgetVxeRateConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateFormComponent,{renderOpts:e,renderParams:r})}},VxeSlider:{createFormDesignWidgetConfig:_widgetVxeSlider.getWidgetVxeSliderConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderFormComponent,{renderOpts:e,renderParams:r})}}});

package/lib/form-design/render/util.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleGetFormDesignWidgetName = exports.getFormDesignWidgetName = void 0;
 var _core = require("@vxe-ui/core");
+const {
+  getI18n
+} = _core.VxeUI;
 const getFormDesignWidgetName = name => {
-  return (0, _core.getI18n)(`vxe.formDesign.widget.component.${name}`);
+  return getI18n(`vxe.formDesign.widget.component.${name}`);
 };
 exports.getFormDesignWidgetName = getFormDesignWidgetName;
 const handleGetFormDesignWidgetName = params => {

package/lib/form-design/render/util.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleGetFormDesignWidgetName=exports.getFormDesignWidgetName=void 0;var _core=require("@vxe-ui/core");const getFormDesignWidgetName=e=>(0,_core.getI18n)("vxe.formDesign.widget.component."+e),handleGetFormDesignWidgetName=(exports.getFormDesignWidgetName=getFormDesignWidgetName,e=>getFormDesignWidgetName(e.name));exports.handleGetFormDesignWidgetName=handleGetFormDesignWidgetName;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleGetFormDesignWidgetName=exports.getFormDesignWidgetName=void 0;var _core=require("@vxe-ui/core");const getI18n=_core.VxeUI["getI18n"],getFormDesignWidgetName=e=>getI18n("vxe.formDesign.widget.component."+e),handleGetFormDesignWidgetName=(exports.getFormDesignWidgetName=getFormDesignWidgetName,e=>getFormDesignWidgetName(e.name));exports.handleGetFormDesignWidgetName=handleGetFormDesignWidgetName;

package/lib/form-design/src/default-setting-form.js

@@ -7,6 +7,10 @@ exports.DefaultSettingFormComponent = void 0;
 var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
+const {
+  getIcon,
+  getI18n
+} = _core.VxeUI;
 const DefaultSettingFormComponent = exports.DefaultSettingFormComponent = (0, _comp.defineVxeComponent)({
   name: 'DefaultSettingForm',
   props: {
@@ -44,16 +48,16 @@ const DefaultSettingFormComponent = exports.DefaultSettingFormComponent = (0, _c
             showMobile
           } = formDesignProps;
           return [(0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.formName'),
+            title: getI18n('vxe.formDesign.formName'),
             field: 'title',
             itemRender: {
               name: 'VxeInput',
               props: {
-                placeholder: (0, _core.getI18n)('vxe.formDesign.defFormTitle')
+                placeholder: getI18n('vxe.formDesign.defFormTitle')
               }
             }
           }), showPc && showMobile ? (0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.name')
+            title: getI18n('vxe.formDesign.widgetProp.displaySetting.name')
           }, {
             default() {
               return [(0, _vue.h)('div', {
@@ -61,24 +65,24 @@ const DefaultSettingFormComponent = exports.DefaultSettingFormComponent = (0, _c
               }, [(0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-pc'
               }, [(0, _vue.h)(VxeUITextComponent, {
-                icon: (0, _core.getIcon)().FORM_DESIGN_PROPS_PC,
-                content: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.pc')
+                icon: getIcon().FORM_DESIGN_PROPS_PC,
+                content: getI18n('vxe.formDesign.widgetProp.displaySetting.pc')
               }), (0, _vue.h)(VxeUISwitchComponent, {
                 modelValue: formData.pcVisible,
-                openLabel: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.visible'),
-                closeLabel: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.hidden'),
+                openLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.visible'),
+                closeLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.hidden'),
                 'onUpdate:modelValue'(val) {
                   formData.pcVisible = val;
                 }
               })]), (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-mobile'
               }, [(0, _vue.h)(VxeUITextComponent, {
-                icon: (0, _core.getIcon)().FORM_DESIGN_PROPS_MOBILE,
-                content: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.mobile')
+                icon: getIcon().FORM_DESIGN_PROPS_MOBILE,
+                content: getI18n('vxe.formDesign.widgetProp.displaySetting.mobile')
               }), (0, _vue.h)(VxeUISwitchComponent, {
                 modelValue: formData.mobileVisible,
-                openLabel: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.visible'),
-                closeLabel: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.hidden'),
+                openLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.visible'),
+                closeLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.hidden'),
                 'onUpdate:modelValue'(val) {
                   formData.mobileVisible = val;
                 }

package/lib/form-design/src/default-setting-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");const DefaultSettingFormComponent=exports.DefaultSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultSettingForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(e){const t=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),n=_core.VxeUI.getComponent("vxe-switch"),r=_core.VxeUI.getComponent("vxe-text");var o=(0,_vue.inject)("$xeFormDesign",null);if(!o)return()=>[];const m=o["props"];return()=>{const o=e["formData"];return(0,_vue.h)(t,{data:o,span:24,vertical:!0,titleBold:!0},{default(){var{showPc:e,showMobile:t}=m;return[(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.formName"),field:"title",itemRender:{name:"VxeInput",props:{placeholder:(0,_core.getI18n)("vxe.formDesign.defFormTitle")}}}),e&&t?(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.name")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-pc"},[(0,_vue.h)(r,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc")}),(0,_vue.h)(n,{modelValue:o.pcVisible,openLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.pcVisible=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-mobile"},[(0,_vue.h)(r,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile")}),(0,_vue.h)(n,{modelValue:o.mobileVisible,openLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.mobileVisible=e}})])])]}}):(0,_vue.createCommentVNode)()]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");const{getIcon,getI18n}=_core.VxeUI,DefaultSettingFormComponent=exports.DefaultSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultSettingForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(e){const t=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),n=_core.VxeUI.getComponent("vxe-switch"),r=_core.VxeUI.getComponent("vxe-text");var o=(0,_vue.inject)("$xeFormDesign",null);if(!o)return()=>[];const m=o["props"];return()=>{const o=e["formData"];return(0,_vue.h)(t,{data:o,span:24,vertical:!0,titleBold:!0},{default(){var{showPc:e,showMobile:t}=m;return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.formName"),field:"title",itemRender:{name:"VxeInput",props:{placeholder:getI18n("vxe.formDesign.defFormTitle")}}}),e&&t?(0,_vue.h)(i,{title:getI18n("vxe.formDesign.widgetProp.displaySetting.name")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-pc"},[(0,_vue.h)(r,{icon:getIcon().FORM_DESIGN_PROPS_PC,content:getI18n("vxe.formDesign.widgetProp.displaySetting.pc")}),(0,_vue.h)(n,{modelValue:o.pcVisible,openLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.pcVisible=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-mobile"},[(0,_vue.h)(r,{icon:getIcon().FORM_DESIGN_PROPS_MOBILE,content:getI18n("vxe.formDesign.widgetProp.displaySetting.mobile")}),(0,_vue.h)(n,{modelValue:o.mobileVisible,openLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.mobileVisible=e}})])])]}}):(0,_vue.createCommentVNode)()]}})}}});

package/lib/form-design/src/default-style-form.js

@@ -7,39 +7,42 @@ exports.DefaultPCStyleFormComponent = exports.DefaultMobileStyleFormComponent =
 var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
+const {
+  getI18n
+} = _core.VxeUI;
 const getBoldOptions = () => {
   return [{
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.fontNormal'),
+    label: getI18n('vxe.formDesign.styleSetting.fontNormal'),
     value: false
   }, {
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.fontBold'),
+    label: getI18n('vxe.formDesign.styleSetting.fontBold'),
     value: true
   }];
 };
 const getColonOptions = () => {
   return [{
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.colonVisible'),
+    label: getI18n('vxe.formDesign.styleSetting.colonVisible'),
     value: true
   }, {
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.colonHidden'),
+    label: getI18n('vxe.formDesign.styleSetting.colonHidden'),
     value: false
   }];
 };
 const getAlignOptions = () => {
   return [{
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.alignLeft'),
+    label: getI18n('vxe.formDesign.styleSetting.alignLeft'),
     value: ''
   }, {
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.alignRight'),
+    label: getI18n('vxe.formDesign.styleSetting.alignRight'),
     value: 'right'
   }];
 };
 const getWidthUnitOptions = () => {
   return [{
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.unitPx'),
+    label: getI18n('vxe.formDesign.styleSetting.unitPx'),
     value: ''
   }, {
-    label: (0, _core.getI18n)('vxe.formDesign.styleSetting.unitPct'),
+    label: getI18n('vxe.formDesign.styleSetting.unitPct'),
     value: '%'
   }];
 };
@@ -57,7 +60,7 @@ const renderLayoutOption = (formData, field, type, changeEvent) => {
     class: 'vxe-form-design--widget-form-item-option-row'
   }), (0, _vue.h)('div', {
     class: 'vxe-form-design--widget-form-item-option-row'
-  }), (0, _vue.h)('div', {}, isVertical ? (0, _core.getI18n)('vxe.formDesign.styleSetting.verticalLayout') : (0, _core.getI18n)('vxe.formDesign.styleSetting.horizontalLayout'))]);
+  }), (0, _vue.h)('div', {}, isVertical ? getI18n('vxe.formDesign.styleSetting.verticalLayout') : getI18n('vxe.formDesign.styleSetting.horizontalLayout'))]);
 };
 const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _comp.defineVxeComponent)({
   name: 'DefaultPCStyleForm',
@@ -106,7 +109,7 @@ const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _c
       }, {
         default() {
           return [(0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.styleSetting.layoutTitle'),
+            title: getI18n('vxe.formDesign.styleSetting.layoutTitle'),
             field: verticalField
           }, {
             default() {
@@ -115,12 +118,12 @@ const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _c
               }, [renderLayoutOption(formData, verticalField, 'vertical', changeLayoutEvent), renderLayoutOption(formData, verticalField, 'horizontal', changeLayoutEvent)])];
             }
           }), (0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.styleSetting.styleTitle')
+            title: getI18n('vxe.formDesign.styleSetting.styleTitle')
           }, {
             default() {
               return [(0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.boldTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.boldTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.pcTitleBold,
                 options: refBoldOpts.value,
                 onChange: refreshPreview,
@@ -129,7 +132,7 @@ const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _c
                 }
               })]), (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.colonTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.colonTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.pcTitleColon,
                 options: refColonOpts.value,
                 onChange: refreshPreview,
@@ -138,7 +141,7 @@ const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _c
                 }
               })]), formData.pcVertical ? (0, _vue.createCommentVNode)() : (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.alignTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.alignTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.pcTitleAlign,
                 options: refAlignOpts.value,
                 onChange: refreshPreview,
@@ -147,7 +150,7 @@ const DefaultPCStyleFormComponent = exports.DefaultPCStyleFormComponent = (0, _c
                 }
               })]), formData.pcVertical ? (0, _vue.createCommentVNode)() : (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.widthTitle')), (0, _vue.h)(VxeUIInputComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.widthTitle')), (0, _vue.h)(VxeUIInputComponent, {
                 class: 'vxe-form-design--widget-form-item-prop-width',
                 modelValue: formData.pcTitleWidth,
                 type: 'integer',
@@ -219,7 +222,7 @@ const DefaultMobileStyleFormComponent = exports.DefaultMobileStyleFormComponent
       }, {
         default() {
           return [(0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.styleSetting.layoutTitle'),
+            title: getI18n('vxe.formDesign.styleSetting.layoutTitle'),
             field: verticalField
           }, {
             default() {
@@ -228,12 +231,12 @@ const DefaultMobileStyleFormComponent = exports.DefaultMobileStyleFormComponent
               }, [renderLayoutOption(formData, verticalField, 'vertical', changeLayoutEvent), renderLayoutOption(formData, verticalField, 'horizontal', changeLayoutEvent)])];
             }
           }), (0, _vue.h)(VxeUIFormItemComponent, {
-            title: (0, _core.getI18n)('vxe.formDesign.styleSetting.styleTitle')
+            title: getI18n('vxe.formDesign.styleSetting.styleTitle')
           }, {
             default() {
               return [(0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.boldTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.boldTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.mobileTitleBold,
                 options: refBoldOpts.value,
                 onChange: refreshPreview,
@@ -242,7 +245,7 @@ const DefaultMobileStyleFormComponent = exports.DefaultMobileStyleFormComponent
                 }
               })]), (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.colonTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.colonTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.mobileTitleColon,
                 options: refColonOpts.value,
                 onChange: refreshPreview,
@@ -251,7 +254,7 @@ const DefaultMobileStyleFormComponent = exports.DefaultMobileStyleFormComponent
                 }
               })]), formData.mobileVertical ? (0, _vue.createCommentVNode)() : (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.alignTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.alignTitle')), (0, _vue.h)(VxeUIRadioGroupComponent, {
                 modelValue: formData.mobileTitleAlign,
                 options: refAlignOpts.value,
                 onChange: refreshPreview,
@@ -260,7 +263,7 @@ const DefaultMobileStyleFormComponent = exports.DefaultMobileStyleFormComponent
                 }
               })]), formData.mobileVertical ? (0, _vue.createCommentVNode)() : (0, _vue.h)('div', {
                 class: 'vxe-form-design--widget-form-item-prop-list'
-              }, [(0, _vue.h)('span', {}, (0, _core.getI18n)('vxe.formDesign.styleSetting.widthTitle')), (0, _vue.h)(VxeUIInputComponent, {
+              }, [(0, _vue.h)('span', {}, getI18n('vxe.formDesign.styleSetting.widthTitle')), (0, _vue.h)(VxeUIInputComponent, {
                 class: 'vxe-form-design--widget-form-item-prop-width',
                 modelValue: formData.mobileTitleWidth,
                 type: 'integer',

package/lib/form-design/src/default-style-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPCStyleFormComponent=exports.DefaultMobileStyleFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");const getBoldOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.fontNormal"),value:!1},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.fontBold"),value:!0}],getColonOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.colonVisible"),value:!0},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.colonHidden"),value:!1}],getAlignOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.alignLeft"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.alignRight"),value:"right"}],getWidthUnitOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.unitPx"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.unitPct"),value:"%"}],renderLayoutOption=(e,t,o,i)=>{const l="vertical"===o;return(0,_vue.h)("div",{class:["vxe-form-design--widget-form-item-option","is--"+o,{"is--active":l?e[t]:!e[t]}],onClick(){e[t]=l,i()}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{},l?(0,_core.getI18n)("vxe.formDesign.styleSetting.verticalLayout"):(0,_core.getI18n)("vxe.formDesign.styleSetting.horizontalLayout"))])},DefaultPCStyleFormComponent=exports.DefaultPCStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultPCStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("VxeInput"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="pcVertical",s=(0,_vue.ref)(getBoldOptions()),m=(0,_vue.ref)(getColonOptions()),g=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),v=()=>{t&&t.refreshPreviewView()},d=()=>{var e=o["formData"];e.pcTitleWidth||(e.pcTitleWidth=100),v()};return()=>{const t=o["formData"];return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",d),renderLayoutOption(t,a,"horizontal",d)])]}}),(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleBold,options:s.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleColon,options:m.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleColon=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleAlign,options:g.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleAlign=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.pcTitleWidth,type:"integer",onChange:v,"onUpdate:modelValue"(e){t.pcTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.pcTitleWidthUnit,options:u.value,transfer:!0,onChange:v,"onUpdate:modelValue"(e){t.pcTitleWidthUnit=e}})])]}})]}})}}}),DefaultMobileStyleFormComponent=exports.DefaultMobileStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultMobileStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("VxeInput"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="mobileVertical",s=(0,_vue.ref)(getBoldOptions()),m=(0,_vue.ref)(getColonOptions()),g=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),v=()=>{t&&t.refreshPreviewView()},d=()=>{var e=o["formData"];e.mobileTitleWidth||(e.mobileTitleWidth=100),v()};return()=>{const t=o["formData"];return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",d),renderLayoutOption(t,a,"horizontal",d)])]}}),(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleBold,options:s.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleColon,options:m.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleColon=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleAlign,options:g.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleAlign=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.mobileTitleWidth,type:"integer",onChange:v,"onUpdate:modelValue"(e){t.mobileTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.mobileTitleWidthUnit,options:u.value,transfer:!0,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleWidthUnit=e}})])]}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPCStyleFormComponent=exports.DefaultMobileStyleFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");const getI18n=_core.VxeUI["getI18n"],getBoldOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.fontNormal"),value:!1},{label:getI18n("vxe.formDesign.styleSetting.fontBold"),value:!0}],getColonOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.colonVisible"),value:!0},{label:getI18n("vxe.formDesign.styleSetting.colonHidden"),value:!1}],getAlignOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.alignLeft"),value:""},{label:getI18n("vxe.formDesign.styleSetting.alignRight"),value:"right"}],getWidthUnitOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.unitPx"),value:""},{label:getI18n("vxe.formDesign.styleSetting.unitPct"),value:"%"}],renderLayoutOption=(e,t,o,i)=>{const l="vertical"===o;return(0,_vue.h)("div",{class:["vxe-form-design--widget-form-item-option","is--"+o,{"is--active":l?e[t]:!e[t]}],onClick(){e[t]=l,i()}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{},l?getI18n("vxe.formDesign.styleSetting.verticalLayout"):getI18n("vxe.formDesign.styleSetting.horizontalLayout"))])},DefaultPCStyleFormComponent=exports.DefaultPCStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultPCStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("VxeInput"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="pcVertical",s=(0,_vue.ref)(getBoldOptions()),m=(0,_vue.ref)(getColonOptions()),g=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),v=()=>{t&&t.refreshPreviewView()},d=()=>{var e=o["formData"];e.pcTitleWidth||(e.pcTitleWidth=100),v()};return()=>{const t=o["formData"];return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",d),renderLayoutOption(t,a,"horizontal",d)])]}}),(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleBold,options:s.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleColon,options:m.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleColon=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleAlign,options:g.value,onChange:v,"onUpdate:modelValue"(e){t.pcTitleAlign=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.pcTitleWidth,type:"integer",onChange:v,"onUpdate:modelValue"(e){t.pcTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.pcTitleWidthUnit,options:u.value,transfer:!0,onChange:v,"onUpdate:modelValue"(e){t.pcTitleWidthUnit=e}})])]}})]}})}}}),DefaultMobileStyleFormComponent=exports.DefaultMobileStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultMobileStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("VxeInput"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="mobileVertical",s=(0,_vue.ref)(getBoldOptions()),m=(0,_vue.ref)(getColonOptions()),g=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),v=()=>{t&&t.refreshPreviewView()},d=()=>{var e=o["formData"];e.mobileTitleWidth||(e.mobileTitleWidth=100),v()};return()=>{const t=o["formData"];return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",d),renderLayoutOption(t,a,"horizontal",d)])]}}),(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleBold,options:s.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleColon,options:m.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleColon=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleAlign,options:g.value,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleAlign=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.mobileTitleWidth,type:"integer",onChange:v,"onUpdate:modelValue"(e){t.mobileTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.mobileTitleWidthUnit,options:u.value,transfer:!0,onChange:v,"onUpdate:modelValue"(e){t.mobileTitleWidthUnit=e}})])]}})]}})}}});