vxe-pc-ui 4.8.10 → 4.8.12

package/lib/index.umd.js

@@ -1919,7 +1919,6 @@ __webpack_require__.d(__webpack_exports__, {
   FormGroup: function() { return /* reexport */ FormGroup; },
   FormItem: function() { return /* reexport */ FormItem; },
   GLOBAL_EVENT_KEYS: function() { return /* reexport */ GLOBAL_EVENT_KEYS; },
-  Gantt: function() { return /* reexport */ Gantt; },
   Icon: function() { return /* reexport */ Icon; },
   IconPicker: function() { return /* reexport */ IconPicker; },
   Image: function() { return /* reexport */ image_Image; },
@@ -2003,7 +2002,6 @@ __webpack_require__.d(__webpack_exports__, {
   VxeFormGather: function() { return /* reexport */ VxeFormGather; },
   VxeFormGroup: function() { return /* reexport */ VxeFormGroup; },
   VxeFormItem: function() { return /* reexport */ VxeFormItem; },
-  VxeGantt: function() { return /* reexport */ VxeGantt; },
   VxeIcon: function() { return /* reexport */ VxeIcon; },
   VxeIconPicker: function() { return /* reexport */ VxeIconPicker; },
   VxeImage: function() { return /* reexport */ VxeImage; },
@@ -2144,7 +2142,6 @@ __webpack_require__.d(components_namespaceObject, {
   FormGroup: function() { return FormGroup; },
   FormItem: function() { return FormItem; },
   GLOBAL_EVENT_KEYS: function() { return GLOBAL_EVENT_KEYS; },
-  Gantt: function() { return Gantt; },
   Icon: function() { return Icon; },
   IconPicker: function() { return IconPicker; },
   Image: function() { return image_Image; },
@@ -2228,7 +2225,6 @@ __webpack_require__.d(components_namespaceObject, {
   VxeFormGather: function() { return VxeFormGather; },
   VxeFormGroup: function() { return VxeFormGroup; },
   VxeFormItem: function() { return VxeFormItem; },
-  VxeGantt: function() { return VxeGantt; },
   VxeIcon: function() { return VxeIcon; },
   VxeIconPicker: function() { return VxeIconPicker; },
   VxeImage: function() { return VxeImage; },
@@ -2352,12 +2348,13 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/core.js
-const coreVersion = "4.2.7";
+const coreVersion = "4.2.9";
 const VxeCore = {
   coreVersion,
   uiVersion: '',
   tableVersion: '',
-  designVersion: ''
+  designVersion: '',
+  ganttVersion: ''
 };
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
@@ -2951,7 +2948,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-const version = "4.2.7";
+const version = "4.2.9";
 const log = {
   create: createLog,
   warn: createLog('warn', `v${version}`),
@@ -4324,14 +4321,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.8.10"}`;
+const log_version = `ui v${"4.8.12"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.8.10";
+const ui_version = "4.8.12";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4478,7 +4475,6 @@ setConfig({
   formGroup: {},
   formItem: {},
   formView: {},
-  gantt: {},
   icon: {},
   iconPicker: {
     icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar']
@@ -4733,7 +4729,8 @@ setConfig({
   colgroup: {},
   column: {},
   toolbar: {},
-  grid: {}
+  grid: {},
+  gantt: {}
 });
 const iconPrefix = 'vxe-icon-';
 setIcon({
@@ -5198,6 +5195,15 @@ function getPaddingTopBottomSize(elem) {
   }
   return 0;
 }
+function getPaddingLeftRightSize(elem) {
+  if (elem) {
+    const computedStyle = getComputedStyle(elem);
+    const paddingLeft = XEUtils.toNumber(computedStyle.paddingLeft);
+    const paddingRight = XEUtils.toNumber(computedStyle.paddingRight);
+    return paddingLeft + paddingRight;
+  }
+  return 0;
+}
 const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 const scrollIntoView = 'scrollIntoView';
 function scrollToView(elem) {
@@ -21486,11 +21492,14 @@ function renderTitle($xeForm, item, isGroup) {
     },
     onMouseleave: $xeForm.handleTitleTipLeaveEvent
   } : {};
+  const itStyle = Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(titleStyle) ? titleStyle(params) : titleStyle);
+  if (titleWidth && titleWidth !== 'auto' && showContent !== false) {
+    itStyle.width = toCssUnit(titleWidth);
+  }
   return isTitle ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
     class: [isGroup || hasGroup ? 'vxe-form--group-title' : '', 'vxe-form--item-title', titleAlign ? `align--${titleAlign}` : '', hasEllipsis ? 'is--ellipsis' : '', itemTitleClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName : '', titleClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(titleClassName) ? titleClassName(params) : titleClassName : ''],
-    style: Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth && showContent !== false ? {
-      width: toCssUnit(titleWidth)
-    } : null),
+    style: itStyle,
+    itemid: item.id,
     title: ovTitle ? getFuncText(title) : null,
     ...ons
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -21672,6 +21681,7 @@ const VxeFormConfigItem = defineVxeComponent({
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         key: item.id,
+        itemid: item.id,
         class: getItemClass($xeForm, item),
         style: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemStyle) ? itemStyle(params) : itemStyle
       }, [renderTitle($xeForm, item), showContent === false ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -21938,7 +21948,8 @@ function createInternalData() {
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       collapseAll: props.collapseStatus,
       staticItems: [],
-      formItems: []
+      formItems: [],
+      itemWidth: 0
     });
     const internalData = createInternalData();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -21953,6 +21964,34 @@ function createInternalData() {
     const computeCollapseOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().form.collapseConfig, props.collapseConfig);
     });
+    const computeAutoItemWidthList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        titleWidth: allTitleWidth,
+        vertical: allVertical
+      } = props;
+      const {
+        formItems
+      } = reactData;
+      const itemList = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(formItems, item => {
+        const {
+          titleWidth,
+          vertical
+        } = item;
+        if (titleWidth === 'auto') {
+          itemList.push(item);
+        } else {
+          const itemVertical = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(vertical) ? allVertical : vertical;
+          const itemTitleWidth = itemVertical ? null : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(titleWidth) ? allTitleWidth : titleWidth;
+          if (itemTitleWidth === 'auto' && (!item.children || !item.children.length)) {
+            itemList.push(item);
+          }
+        }
+      }, {
+        children: 'children'
+      });
+      return itemList;
+    });
     const refMaps = {
       refElem
     };
@@ -21960,7 +21999,8 @@ function createInternalData() {
       computeSize,
       computeValidOpts,
       computeTooltipOpts,
-      computeCollapseOpts
+      computeCollapseOpts,
+      computeAutoItemWidthList
     };
     const $xeForm = {
       xID,
@@ -22001,7 +22041,9 @@ function createInternalData() {
         children: 'children'
       });
       internalData.itemFormatCache = {};
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+        return recalculate();
+      });
     };
     const getItems = () => {
       const itemList = [];
@@ -22041,6 +22083,7 @@ function createInternalData() {
         data: props.data
       }, evnt);
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        recalculate();
         if ($xeGrid) {
           $xeGrid.recalculate();
         }
@@ -22128,7 +22171,8 @@ function createInternalData() {
         });
       }
       internalData.itemFormatCache = {};
-      return clearValidate();
+      clearValidate();
+      return recalculate();
     };
     const resetEvent = evnt => {
       evnt.preventDefault();
@@ -22359,7 +22403,10 @@ function createInternalData() {
       if (readonly) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
-      return beginValidate(getItems(), '', callback);
+      return beginValidate(getItems(), '', callback).then(params => {
+        recalculate();
+        return params;
+      });
     };
     const validateField = (fieldOrItem, callback) => {
       const {
@@ -22376,7 +22423,10 @@ function createInternalData() {
           fields = [fieldOrItem];
         }
       }
-      return beginValidate(fields.map(field => handleFieldOrItem($xeForm, field)), '', callback);
+      return beginValidate(fields.map(field => handleFieldOrItem($xeForm, field)), '', callback).then(params => {
+        recalculate();
+        return params;
+      });
     };
     const submitEvent = evnt => {
       const {
@@ -22389,6 +22439,7 @@ function createInternalData() {
           formMethods.dispatchEvent('submit', {
             data: props.data
           }, evnt);
+          recalculate();
           return;
         }
         beginValidate(getItems()).then(errMap => {
@@ -22402,6 +22453,7 @@ function createInternalData() {
               data: props.data
             }, evnt);
           }
+          recalculate();
         });
       }
     };
@@ -22489,6 +22541,25 @@ function createInternalData() {
       } = scope;
       return triggerItemEvent(new Event('change'), field, itemValue);
     };
+    const recalculate = () => {
+      const autoItemWidthList = computeAutoItemWidthList.value;
+      const el = refElem.value;
+      if (el && autoItemWidthList.length) {
+        const itemElList = el.querySelectorAll(autoItemWidthList.map(item => `.vxe-form--item-title[itemid="${item.id}"]`).join(','));
+        let maxItemWidth = 0;
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, itemEl => {
+          itemEl.style.width = '';
+          maxItemWidth = Math.max(maxItemWidth, Math.ceil(itemEl.clientWidth + 2));
+        });
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(itemElList, itemEl => {
+          itemEl.style.width = `${maxItemWidth}px`;
+        });
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const handleGlobalResizeEvent = () => {
+      recalculate();
+    };
     formMethods = {
       dispatchEvent(type, params, evnt) {
         emit(type, createEvent(evnt, {
@@ -22504,7 +22575,8 @@ function createInternalData() {
       toggleCollapse,
       getItems,
       getItemByField,
-      closeTooltip
+      closeTooltip,
+      recalculate
     };
     const formPrivateMethods = {
       callSlot,
@@ -22525,7 +22597,6 @@ function createInternalData() {
       const {
         formItems
       } = reactData;
-      // const formItems: any[] = []
       const vSize = computeSize.value;
       const tooltipOpts = computeTooltipOpts.value;
       const defaultSlot = slots.default;
@@ -22578,6 +22649,9 @@ function createInternalData() {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(staticItemFlag, () => {
       reactData.formItems = reactData.staticItems;
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+        recalculate();
+      });
     });
     const itemFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.items ? props.items.length : -1, () => {
@@ -22604,8 +22678,10 @@ function createInternalData() {
           errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
         }
       });
+      globalEvents.on($xeForm, 'resize', handleGlobalResizeEvent);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
+      globalEvents.off($xeForm, 'resize');
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, createInternalData());
     });
     if (props.items) {
@@ -23441,6 +23517,7 @@ const formItemProps = {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         key: item.id,
+        itemid: item.id,
         class: getItemClass($xeForm, item),
         style: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemStyle) ? itemStyle(params) : itemStyle
       }, [renderTitle($xeForm, item), showContent === false ? renderEmptyElement($xeFormitem) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -23538,6 +23615,7 @@ const formItemProps = {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         key: item.id,
+        itemid: item.id,
         class: getItemClass($xeForm, item, true),
         style: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(itemStyle) ? itemStyle(params) : itemStyle
       }, [renderTitle($xeForm, item, true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -23616,85 +23694,6 @@ dynamicApp.use(VxeFormItem);
 index_esm_VxeUI.component(form_item);
 const FormItem = VxeFormItem;
 /* harmony default export */ var packages_form_item = (VxeFormItem);
-;// CONCATENATED MODULE: ./packages/gantt/src/gantt.ts
-
-
-
-
-function gantt_createInternalData() {
-  return {};
-}
-/* harmony default export */ var gantt = (defineVxeComponent({
-  name: 'VxeGantt',
-  props: {
-    size: {
-      type: String,
-      default: () => getConfig().gantt.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const {
-      emit
-    } = context;
-    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
-    const internalData = gantt_createInternalData();
-    const refMaps = {
-      refElem,
-      refTable
-    };
-    const computeMaps = {};
-    const $xeGantt = {
-      xID,
-      props,
-      context,
-      reactData,
-      internalData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $gantt: $xeGantt
-      }, params));
-    };
-    const ganttMethods = {
-      dispatchEvent
-    };
-    const ganttPrivateMethods = {};
-    Object.assign($xeGantt, ganttMethods, ganttPrivateMethods);
-    const renderVN = () => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refElem,
-        class: 'vxe-gantt'
-      });
-    };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, gantt_createInternalData());
-    });
-    $xeGantt.renderVN = renderVN;
-    return $xeGantt;
-  },
-  render() {
-    return this.renderVN();
-  }
-}));
-;// CONCATENATED MODULE: ./packages/gantt/index.ts
-
-
-
-const VxeGantt = Object.assign({}, gantt, {
-  install(app) {
-    app.component(gantt.name, gantt);
-  }
-});
-dynamicApp.use(VxeGantt);
-index_esm_VxeUI.component(gantt);
-const Gantt = VxeGantt;
-/* harmony default export */ var packages_gantt = (VxeGantt);
 ;// CONCATENATED MODULE: ./packages/icon/index.ts
 
 
@@ -43215,8 +43214,7 @@ const Watermark = VxeWatermark;
 
 
 
-
-const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_gantt, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_select, packages_split, packages_split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_tip, packages_tooltip, packages_tree, packages_tree_select, packages_upload, packages_watermark];
+const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_select, packages_split, packages_split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_tip, packages_tooltip, packages_tree, packages_tree_select, packages_upload, packages_watermark];
 function install(app, options) {
   setConfig(options);
   components_components.forEach(component => app.use(component));
@@ -43314,7 +43312,6 @@ const readFile = readLocalFile;
 
 
 
-
 
 
 ;// CONCATENATED MODULE: ./index.ts