vxe-pc-ui 4.6.33 → 4.6.35

package/lib/index.umd.js

@@ -1901,6 +1901,7 @@ __webpack_require__.d(__webpack_exports__, {
   Carousel: function() { return /* reexport */ Carousel; },
   CarouselItem: function() { return /* reexport */ CarouselItem; },
   Checkbox: function() { return /* reexport */ Checkbox; },
+  CheckboxButton: function() { return /* reexport */ CheckboxButton; },
   CheckboxGroup: function() { return /* reexport */ CheckboxGroup; },
   Col: function() { return /* reexport */ Col; },
   Collapse: function() { return /* reexport */ Collapse; },
@@ -1988,6 +1989,7 @@ __webpack_require__.d(__webpack_exports__, {
   VxeCarousel: function() { return /* reexport */ VxeCarousel; },
   VxeCarouselItem: function() { return /* reexport */ VxeCarouselItem; },
   VxeCheckbox: function() { return /* reexport */ VxeCheckbox; },
+  VxeCheckboxButton: function() { return /* reexport */ VxeCheckboxButton; },
   VxeCheckboxGroup: function() { return /* reexport */ VxeCheckboxGroup; },
   VxeCol: function() { return /* reexport */ VxeCol; },
   VxeCollapse: function() { return /* reexport */ VxeCollapse; },
@@ -2127,6 +2129,7 @@ __webpack_require__.d(components_namespaceObject, {
   Carousel: function() { return Carousel; },
   CarouselItem: function() { return CarouselItem; },
   Checkbox: function() { return Checkbox; },
+  CheckboxButton: function() { return CheckboxButton; },
   CheckboxGroup: function() { return CheckboxGroup; },
   Col: function() { return Col; },
   Collapse: function() { return Collapse; },
@@ -2214,6 +2217,7 @@ __webpack_require__.d(components_namespaceObject, {
   VxeCarousel: function() { return VxeCarousel; },
   VxeCarouselItem: function() { return VxeCarouselItem; },
   VxeCheckbox: function() { return VxeCheckbox; },
+  VxeCheckboxButton: function() { return VxeCheckboxButton; },
   VxeCheckboxGroup: function() { return VxeCheckboxGroup; },
   VxeCol: function() { return VxeCol; },
   VxeCollapse: function() { return VxeCollapse; },
@@ -3595,7 +3599,7 @@ setTheme();
       cstmDragTarget: '移动：{0}',
       setting: {
         colSort: '排序',
-        sortHelpTip: '点击并拖动图标可以调整列的排序',
+        sortHelpTip: '点击并拖动图标可以调整顺序',
         colTitle: '列标题',
         colResizable: '列宽（像素）',
         colVisible: '是否显示',
@@ -4022,7 +4026,8 @@ setTheme();
           values: '值',
           groupPlaceholder: '拖至此处进行分组',
           valuesPlaceholder: '拖至此处进行聚合',
-          dragExistCol: '该列已存在'
+          dragExistCol: '该列已存在',
+          sortHelpTip: '点击并拖动图标可以调整顺序'
         },
         aggFuncs: {
           sum: '求和',
@@ -4236,14 +4241,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.6.33"}`;
+const log_version = `ui v${"4.6.35"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.6.33";
+const ui_version = "4.6.35";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4293,6 +4298,7 @@ setConfig({
   },
   carouselItem: {},
   checkbox: {},
+  checkboxButton: {},
   checkboxGroup: {},
   col: {},
   collapse: {
@@ -9719,7 +9725,7 @@ const CarouselItem = VxeCarouselItem;
       const indeterminate = !isChecked && props.indeterminate;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
         key: label,
-        class: ['vxe-checkbox', {
+        class: ['vxe-checkbox vxe-checkbox--default', {
           [`size--${vSize}`]: vSize,
           'is--indeterminate': indeterminate,
           'is--disabled': isDisabled,
@@ -9758,6 +9764,159 @@ dynamicApp.use(VxeCheckbox);
 index_esm_VxeUI.component(src_checkbox);
 const Checkbox = VxeCheckbox;
 /* harmony default export */ var packages_checkbox = (VxeCheckbox);
+;// CONCATENATED MODULE: ./packages/checkbox/src/button.ts
+
+
+
+
+
+/* harmony default export */ var checkbox_src_button = (defineVxeComponent({
+  name: 'VxeCheckboxButton',
+  props: {
+    modelValue: [String, Number, Boolean],
+    label: {
+      type: [String, Number, Boolean],
+      default: null
+    },
+    title: [String, Number],
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    content: [String, Number],
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => getConfig().checkboxButton.size || getConfig().size
+    }
+  },
+  emits: ['update:modelValue', 'change'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
+    const $xeCheckboxGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeCheckboxGroup', null);
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
+    const {
+      computeSize
+    } = useSize(props);
+    const $xeCheckboxButton = {
+      xID,
+      props,
+      context,
+      reactData
+    };
+    const computeIsChecked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if ($xeCheckboxGroup) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().includes($xeCheckboxGroup.props.modelValue, props.label);
+      }
+      return props.modelValue === props.checkedValue;
+    });
+    const computeIsDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        disabled
+      } = props;
+      const isChecked = computeIsChecked.value;
+      if (disabled === null) {
+        if ($xeCheckboxGroup) {
+          const {
+            computeIsDisabled: computeIsGroupDisabled,
+            computeIsMaximize: computeIsGroupMaximize
+          } = $xeCheckboxGroup.getComputeMaps();
+          const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupMaximize = computeIsGroupMaximize.value;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
+        }
+      }
+      return disabled;
+    });
+    const changeEvent = evnt => {
+      const {
+        checkedValue,
+        uncheckedValue
+      } = props;
+      const isDisabled = computeIsDisabled.value;
+      if (!isDisabled) {
+        const checked = evnt.target.checked;
+        const value = checked ? checkedValue : uncheckedValue;
+        const params = {
+          checked,
+          value,
+          label: props.label
+        };
+        if ($xeCheckboxGroup) {
+          $xeCheckboxGroup.handleChecked(params, evnt);
+        } else {
+          emit('update:modelValue', value);
+          $xeCheckboxButton.dispatchEvent('change', params, evnt);
+          // 自动更新校验状态
+          if ($xeForm && formItemInfo) {
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          }
+        }
+      }
+    };
+    const checkboxButtonMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, createEvent(evnt, {
+          $checkboxButton: $xeCheckboxButton
+        }, params));
+      }
+    };
+    const checkboxButtonPrivateMethods = {};
+    Object.assign($xeCheckboxButton, checkboxButtonMethods, checkboxButtonPrivateMethods);
+    const renderVN = () => {
+      const {
+        label
+      } = props;
+      const vSize = computeSize.value;
+      const isDisabled = computeIsDisabled.value;
+      const isChecked = computeIsChecked.value;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('label', {
+        key: label,
+        class: ['vxe-checkbox vxe-checkbox--button', {
+          [`size--${vSize}`]: vSize,
+          'is--disabled': isDisabled
+        }],
+        title: props.title
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
+        class: 'vxe-checkbox--input',
+        type: 'checkbox',
+        disabled: isDisabled,
+        checked: isChecked,
+        onChange: changeEvent
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-checkbox--label'
+      }, slots.default ? slots.default({}) : getFuncText(props.content))]);
+    };
+    $xeCheckboxButton.renderVN = renderVN;
+    return renderVN;
+  }
+}));
+;// CONCATENATED MODULE: ./packages/checkbox-button/index.ts
+
+
+
+const VxeCheckboxButton = Object.assign(checkbox_src_button, {
+  install: function (app) {
+    app.component(checkbox_src_button.name, checkbox_src_button);
+  }
+});
+dynamicApp.use(VxeCheckboxButton);
+index_esm_VxeUI.component(checkbox_src_button);
+const CheckboxButton = VxeCheckboxButton;
+/* harmony default export */ var checkbox_button = (VxeCheckboxButton);
 ;// CONCATENATED MODULE: ./packages/checkbox/src/group.ts
 
 
@@ -50076,7 +50235,8 @@ 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_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, packages_form_design, form_gather, packages_form_group, packages_form_item, packages_form_view, 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_design, packages_list_view, 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, packages_form_design, form_gather, packages_form_group, packages_form_item, packages_form_view, 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_design, packages_list_view, 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));
@@ -50177,6 +50337,7 @@ const readFile = readLocalFile;
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./index.ts