vxe-pc-ui 3.16.0 → 3.16.2

package/lib/form/src/form-config-item.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
+var _render = require("./render");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeFormConfigItem',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    itemConfig: Object
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    var xeFormItemInfo = this;
+    return {
+      xeFormItemInfo: xeFormItemInfo,
+      $xeFormGroup: null
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    renderItem: function renderItem(h, $xeForm, item) {
+      var $xeFormConfigItem = this;
+      var formProps = $xeForm;
+      var data = formProps.data,
+        readonly = formProps.readonly,
+        disabled = formProps.disabled;
+      var visible = item.visible,
+        field = item.field,
+        itemRender = item.itemRender,
+        contentStyle = item.contentStyle,
+        children = item.children,
+        showContent = item.showContent;
+      var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+      var itemStyle = compConf ? compConf.formItemStyle || compConf.itemStyle : null;
+      var itemContentStyle = compConf ? compConf.formItemContentStyle || compConf.itemContentStyle : null;
+      var params = {
+        data: data,
+        disabled: disabled,
+        readonly: readonly,
+        field: field,
+        property: field,
+        item: item,
+        $form: $xeForm,
+        $grid: $xeForm.$xeGrid
+      };
+      var hasGroup = children && children.length > 0;
+      if (visible === false) {
+        return (0, _ui.renderEmptyElement)($xeFormConfigItem);
+      }
+      return h('div', {
+        key: item.id,
+        class: (0, _render.getItemClass)($xeForm, item),
+        style: _xeUtils.default.isFunction(itemStyle) ? itemStyle(params) : itemStyle || {},
+        attrs: {
+          itemid: item.id
+        }
+      }, [(0, _render.renderTitle)(h, $xeForm, item), showContent === false ? (0, _ui.renderEmptyElement)($xeFormConfigItem) : h('div', {
+        class: (0, _render.getItemContentClass)($xeForm, item),
+        style: Object.assign({}, _xeUtils.default.isFunction(itemContentStyle) ? itemContentStyle(params) : itemContentStyle, _xeUtils.default.isFunction(contentStyle) ? contentStyle(params) : contentStyle)
+      }, hasGroup ? children.map(function (childItem) {
+        return $xeFormConfigItem.renderItem(h, $xeForm, childItem);
+      }) : [(0, _render.renderItemContent)(h, $xeForm, item), (0, _render.renderItemErrorIcon)(h, $xeForm, item)])]);
+    },
+    renderVN: function renderVN(h) {
+      var $xeFormConfigItem = this;
+      var props = $xeFormConfigItem;
+      var $xeForm = $xeFormConfigItem.$xeForm;
+      return $xeFormConfigItem.renderItem(h, $xeForm, props.itemConfig);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/form/src/form-config-item.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormConfigItem",mixins:[_ui.globalMixins.sizeMixin],props:{itemConfig:Object},inject:{$xeForm:{default:null}},provide:function(){return{xeFormItemInfo:this,$xeFormGroup:null}},computed:Object.assign({},{}),methods:{renderItem:function(t,r,e){var n=this,i=r.data,l=r.readonly,d=r.disabled,o=e.visible,u=e.field,s=e.itemRender,m=e.contentStyle,a=e.children,f=e.showContent,s=(0,_utils.isEnableConf)(s)?_ui.renderer.get(s.name):null,_=s?s.formItemStyle||s.itemStyle:null,s=s?s.formItemContentStyle||s.itemContentStyle:null,i={data:i,disabled:d,readonly:l,field:u,property:u,item:e,$form:r,$grid:r.$xeGrid},d=a&&0<a.length;return!1===o?(0,_ui.renderEmptyElement)(n):t("div",{key:e.id,class:(0,_render.getItemClass)(r,e),style:_xeUtils.default.isFunction(_)?_(i):_||{},attrs:{itemid:e.id}},[(0,_render.renderTitle)(t,r,e),!1===f?(0,_ui.renderEmptyElement)(n):t("div",{class:(0,_render.getItemContentClass)(r,e),style:Object.assign({},_xeUtils.default.isFunction(s)?s(i):s,_xeUtils.default.isFunction(m)?m(i):m)},d?a.map(function(e){return n.renderItem(t,r,e)}):[(0,_render.renderItemContent)(t,r,e),(0,_render.renderItemErrorIcon)(t,r,e)])])},renderVN:function(e){var t=this,r=t.$xeForm;return t.renderItem(e,r,t.itemConfig)}},render:function(e){return this.renderVN(e)}});

package/lib/form/src/form-group.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
+var _util = require("./util");
+var _formItem = require("./form-item");
+var _render = require("./render");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var formItemPropKeys = Object.keys(_formItem.formItemProps);
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeFormGroup',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: _formItem.formItemProps,
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    $xeParentFormGroup: {
+      from: '$xeFormGroup',
+      default: null
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var formItem = {};
+    var reactData = {};
+    return {
+      xID: xID,
+      formItem: formItem,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    renderVN: function renderVN(h) {
+      var $xeFormGroup = this;
+      var slots = $xeFormGroup.$scopedSlots;
+      var formItem = $xeFormGroup.formItem;
+      var $xeForm = $xeFormGroup.$xeForm;
+      var formProps = $xeForm;
+      var $xeGrid = $xeForm.$xeGrid;
+      var item = formItem;
+      var data = formProps.data,
+        readonly = formProps.readonly,
+        disabled = formProps.disabled;
+      var visible = item.visible,
+        field = item.field,
+        itemRender = item.itemRender,
+        contentStyle = item.contentStyle;
+      var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+      var itemStyle = compConf ? compConf.formItemStyle || compConf.itemStyle : null;
+      var itemContentStyle = compConf ? compConf.formItemContentStyle || compConf.itemContentStyle : null;
+      var defaultSlot = slots ? slots.default : null;
+      var params = {
+        data: data,
+        disabled: disabled,
+        readonly: readonly,
+        field: field,
+        property: field,
+        item: item,
+        $form: $xeForm,
+        $grid: $xeGrid
+      };
+      if (visible === false) {
+        return (0, _ui.renderEmptyElement)($xeFormGroup);
+      }
+      return h('div', {
+        ref: 'refElem',
+        key: item.id,
+        class: (0, _render.getItemClass)($xeForm, item, true),
+        style: _xeUtils.default.isFunction(itemStyle) ? itemStyle(params) : itemStyle || {},
+        attrs: {
+          itemid: item.id
+        }
+      }, [(0, _render.renderTitle)(h, $xeForm, item, true), h('div', {
+        class: (0, _render.getItemContentClass)($xeForm, item, true),
+        style: Object.assign({}, _xeUtils.default.isFunction(itemContentStyle) ? itemContentStyle(params) : itemContentStyle, _xeUtils.default.isFunction(contentStyle) ? contentStyle(params) : contentStyle)
+      }, defaultSlot ? defaultSlot({}) : [])]);
+    }
+  },
+  provide: function provide() {
+    var $xeFormGroup = this;
+    var formItem = $xeFormGroup.formItem;
+    return {
+      $xeFormGroup: $xeFormGroup,
+      $xeFormItem: null,
+      xeFormItemInfo: {
+        itemConfig: formItem
+      }
+    };
+  },
+  created: function created() {
+    var $xeFormGroup = this;
+    var props = $xeFormGroup;
+    var $xeForm = $xeFormGroup.$xeForm;
+    var formItem = (0, _util.createItem)($xeForm, props);
+    formItem.children = [];
+    $xeFormGroup.formItem = formItem;
+    (0, _util.watchItem)($xeFormGroup, formItemPropKeys, formItem);
+  },
+  mounted: function mounted() {
+    var $xeFormGroup = this;
+    var formItem = $xeFormGroup.formItem;
+    var $xeForm = $xeFormGroup.$xeForm;
+    var $xeParentFormGroup = $xeFormGroup.$xeParentFormGroup;
+    var elem = $xeFormGroup.$refs.refElem;
+    (0, _util.assembleItem)($xeForm, elem, formItem, $xeParentFormGroup);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeFormGroup = this;
+    var formItem = $xeFormGroup.formItem;
+    var $xeForm = $xeFormGroup.$xeForm;
+    (0, _util.destroyItem)($xeForm, formItem);
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/form/src/form-group.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_formItem=require("./form-item"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var formItemPropKeys=Object.keys(_formItem.formItemProps),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormGroup",mixins:[_ui.globalMixins.sizeMixin],props:_formItem.formItemProps,inject:{$xeForm:{default:null},$xeParentFormGroup:{from:"$xeFormGroup",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),formItem:{},reactData:{}}},computed:Object.assign({},{}),methods:{renderVN:function(e){var t=this,r=t.$scopedSlots,i=t.$xeForm,o=i.$xeGrid,n=t.formItem,m=i.data,u=i.readonly,l=i.disabled,s=n.visible,d=n.field,f=n.itemRender,a=n.contentStyle,f=(0,_utils.isEnableConf)(f)?_ui.renderer.get(f.name):null,_=f?f.formItemStyle||f.itemStyle:null,f=f?f.formItemContentStyle||f.itemContentStyle:null,r=r?r.default:null,m={data:m,disabled:l,readonly:u,field:d,property:d,item:n,$form:i,$grid:o};return!1===s?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refElem",key:n.id,class:(0,_render.getItemClass)(i,n,!0),style:_xeUtils.default.isFunction(_)?_(m):_||{},attrs:{itemid:n.id}},[(0,_render.renderTitle)(e,i,n,!0),e("div",{class:(0,_render.getItemContentClass)(i,n,!0),style:Object.assign({},_xeUtils.default.isFunction(f)?f(m):f,_xeUtils.default.isFunction(a)?a(m):a)},r?r({}):[])])}},provide:function(){return{$xeFormGroup:this,$xeFormItem:null,xeFormItemInfo:{itemConfig:this.formItem}}},created:function(){var e=this,t=e.$xeForm,t=(0,_util.createItem)(t,e);t.children=[],e.formItem=t,(0,_util.watchItem)(e,formItemPropKeys,t)},mounted:function(){var e=this,t=e.formItem,r=e.$refs.refElem;(0,_util.assembleItem)(e.$xeForm,r,t,e.$xeParentFormGroup)},beforeDestroy:function(){var e=this.formItem,t=this.$xeForm;(0,_util.destroyItem)(t,e)},render:function(e){return this.renderVN(e)}});

package/lib/form/src/form-item.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formItemProps = exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
+var _util = require("./util");
+var _render = require("./render");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var formItemProps = exports.formItemProps = {
+  title: String,
+  field: String,
+  span: {
+    type: [String, Number],
+    default: null
+  },
+  align: {
+    type: String,
+    default: null
+  },
+  verticalAlign: {
+    type: String,
+    default: null
+  },
+  titleBackground: {
+    type: Boolean,
+    default: null
+  },
+  titleBold: {
+    type: Boolean,
+    default: null
+  },
+  titleAlign: {
+    type: String,
+    default: null
+  },
+  titleWidth: {
+    type: [String, Number],
+    default: null
+  },
+  titleColon: {
+    type: Boolean,
+    default: null
+  },
+  titleAsterisk: {
+    type: Boolean,
+    default: null
+  },
+  showTitle: {
+    type: Boolean,
+    default: true
+  },
+  vertical: {
+    type: Boolean,
+    default: null
+  },
+  padding: {
+    type: Boolean,
+    default: null
+  },
+  formatter: [String, Function],
+  className: [String, Function],
+  contentClassName: [String, Function],
+  contentStyle: [Object, Function],
+  titleClassName: [String, Function],
+  titleStyle: [Object, Function],
+  titleOverflow: {
+    type: [Boolean, String],
+    default: null
+  },
+  titlePrefix: Object,
+  titleSuffix: Object,
+  resetValue: {
+    default: null
+  },
+  visibleMethod: Function,
+  visible: {
+    type: Boolean,
+    default: null
+  },
+  showContent: {
+    type: Boolean,
+    default: null
+  },
+  folding: Boolean,
+  collapseNode: Boolean,
+  itemRender: Object,
+  rules: Array,
+  params: Object
+};
+var formItemPropKeys = Object.keys(formItemProps);
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeFormItem',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: formItemProps,
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    $xeFormGroup: {
+      default: null
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var formItem = {};
+    var reactData = {};
+    return {
+      xID: xID,
+      formItem: formItem,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    renderItem: function renderItem(h, $xeForm, item) {
+      var $xeFormItem = this;
+      var formProps = $xeForm;
+      var $xeGrid = $xeForm.$xeGrid;
+      var data = formProps.data,
+        readonly = formProps.readonly,
+        disabled = formProps.disabled;
+      var visible = item.visible,
+        field = item.field,
+        itemRender = item.itemRender,
+        contentStyle = item.contentStyle,
+        showContent = item.showContent;
+      var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+      var itemStyle = compConf ? compConf.formItemStyle || compConf.itemStyle : null;
+      var itemContentStyle = compConf ? compConf.formItemContentStyle || compConf.itemContentStyle : null;
+      var params = {
+        data: data,
+        disabled: disabled,
+        readonly: readonly,
+        field: field,
+        property: field,
+        item: item,
+        $form: $xeForm,
+        $grid: $xeGrid
+      };
+      if (visible === false) {
+        return (0, _ui.renderEmptyElement)($xeFormItem);
+      }
+      return h('div', {
+        ref: 'refElem',
+        key: item.id,
+        class: (0, _render.getItemClass)($xeForm, item),
+        style: _xeUtils.default.isFunction(itemStyle) ? itemStyle(params) : itemStyle || {},
+        attrs: {
+          itemid: item.id
+        }
+      }, [(0, _render.renderTitle)(h, $xeForm, item), showContent === false ? (0, _ui.renderEmptyElement)($xeFormItem) : h('div', {
+        class: (0, _render.getItemContentClass)($xeForm, item),
+        style: Object.assign({}, _xeUtils.default.isFunction(itemContentStyle) ? itemContentStyle(params) : itemContentStyle, _xeUtils.default.isFunction(contentStyle) ? contentStyle(params) : contentStyle)
+      }, [(0, _render.renderItemContent)(h, $xeForm, item), (0, _render.renderItemErrorIcon)(h, $xeForm, item)])]);
+    },
+    renderVN: function renderVN(h) {
+      var $xeFormItem = this;
+      var $xeForm = $xeFormItem.$xeForm;
+      var formItem = $xeFormItem.formItem;
+      var customLayout = $xeForm ? $xeForm.customLayout : false;
+      var item = formItem;
+      return customLayout ? $xeFormItem.renderItem(h, $xeForm, item) : h('div', {
+        ref: 'refElem'
+      });
+    }
+  },
+  provide: function provide() {
+    var $xeFormItem = this;
+    var formItem = $xeFormItem.formItem;
+    return {
+      $xeFormGroup: null,
+      $xeFormItem: $xeFormItem,
+      xeFormItemInfo: {
+        itemConfig: formItem
+      }
+    };
+  },
+  created: function created() {
+    var $xeFormItem = this;
+    var props = $xeFormItem;
+    var $xeForm = $xeFormItem.$xeForm;
+    var formItem = (0, _util.createItem)($xeForm, props);
+    $xeFormItem.formItem = formItem;
+    (0, _util.watchItem)($xeFormItem, formItemPropKeys, formItem);
+  },
+  mounted: function mounted() {
+    var $xeFormItem = this;
+    var slots = $xeFormItem.$scopedSlots;
+    var formItem = $xeFormItem.formItem;
+    var $xeForm = $xeFormItem.$xeForm;
+    var $xeFormGroup = $xeFormItem.$xeFormGroup;
+    formItem.slots = slots;
+    var elem = $xeFormItem.$refs.refElem;
+    (0, _util.assembleItem)($xeForm, elem, formItem, $xeFormGroup);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeFormItem = this;
+    var formItem = $xeFormItem.formItem;
+    var $xeForm = $xeFormItem.$xeForm;
+    (0, _util.destroyItem)($xeForm, formItem);
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/form/src/form-item.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var formItemProps=exports.formItemProps={title:String,field:String,span:{type:[String,Number],default:null},align:{type:String,default:null},verticalAlign:{type:String,default:null},titleBackground:{type:Boolean,default:null},titleBold:{type:Boolean,default:null},titleAlign:{type:String,default:null},titleWidth:{type:[String,Number],default:null},titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},showTitle:{type:Boolean,default:!0},vertical:{type:Boolean,default:null},padding:{type:Boolean,default:null},formatter:[String,Function],className:[String,Function],contentClassName:[String,Function],contentStyle:[Object,Function],titleClassName:[String,Function],titleStyle:[Object,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},showContent:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object,rules:Array,params:Object},formItemPropKeys=Object.keys(formItemProps),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormItem",mixins:[_ui.globalMixins.sizeMixin],props:formItemProps,inject:{$xeForm:{default:null},$xeFormGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),formItem:{},reactData:{}}},computed:Object.assign({},{}),methods:{renderItem:function(e,t,r){var l=t.$xeGrid,n=t.data,i=t.readonly,o=t.disabled,u=r.visible,a=r.field,s=r.itemRender,m=r.contentStyle,d=r.showContent,s=(0,_utils.isEnableConf)(s)?_ui.renderer.get(s.name):null,f=s?s.formItemStyle||s.itemStyle:null,s=s?s.formItemContentStyle||s.itemContentStyle:null,n={data:n,disabled:o,readonly:i,field:a,property:a,item:r,$form:t,$grid:l};return!1===u?(0,_ui.renderEmptyElement)(this):e("div",{ref:"refElem",key:r.id,class:(0,_render.getItemClass)(t,r),style:_xeUtils.default.isFunction(f)?f(n):f||{},attrs:{itemid:r.id}},[(0,_render.renderTitle)(e,t,r),!1===d?(0,_ui.renderEmptyElement)(this):e("div",{class:(0,_render.getItemContentClass)(t,r),style:Object.assign({},_xeUtils.default.isFunction(s)?s(n):s,_xeUtils.default.isFunction(m)?m(n):m)},[(0,_render.renderItemContent)(e,t,r),(0,_render.renderItemErrorIcon)(e,t,r)])])},renderVN:function(e){var t=this,r=t.$xeForm;return!!r&&r.customLayout?t.renderItem(e,r,t.formItem):e("div",{ref:"refElem"})}},provide:function(){return{$xeFormGroup:null,$xeFormItem:this,xeFormItemInfo:{itemConfig:this.formItem}}},created:function(){var e=this,t=e.$xeForm,t=(0,_util.createItem)(t,e);e.formItem=t,(0,_util.watchItem)(e,formItemPropKeys,t)},mounted:function(){var e=this,t=e.$scopedSlots,r=e.formItem,l=e.$xeForm,n=e.$xeFormGroup,t=(r.slots=t,e.$refs.refElem);(0,_util.assembleItem)(l,t,r,n)},beforeDestroy:function(){var e=this.formItem,t=this.$xeForm;(0,_util.destroyItem)(t,e)},render:function(e){return this.renderVN(e)}});