vxe-pc-ui 3.14.6 → 3.14.7

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 xuliangzhan
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 xuliangzhan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,134 +1,134 @@
-# vxe-pc-ui
-
-[![github star](https://img.shields.io/github/stars/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/stargazers)
-[![npm version](https://img.shields.io/npm/v/vxe-pc-ui.svg?style=flat-square)](https://www.npmjs.com/package/vxe-pc-ui)
-[![NodeJS with Webpack](https://github.com/x-extends/vxe-pc-ui/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-pc-ui/actions/workflows/webpack.yml)
-[![npm downloads](https://img.shields.io/npm/dt/vxe-pc-ui.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-pc-ui)
-[![issues](https://img.shields.io/github/issues/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/issues)
-[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/issues?q=is%3Aissue+is%3Aclosed)
-[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/pulls)
-[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/pulls?q=is%3Apr+is%3Aclosed)
-[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
-
-一个基于 [vue](https://www.npmjs.com/package/vue) 的 PC 端组件库  
-
-## 浏览器支持
-
-![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
---- | --- | --- | --- | --- |
-80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |
-
-## 安装
-
-```shell
-npm install vxe-pc-ui@3
-# npm install vxe-pc-ui@3 vxe-table@3 vxe-design@3
-```
-
-```javascript
-import Vue from 'vue'
-// ...
-import VxeUIBase from 'vxe-pc-ui'
-import 'vxe-pc-ui/lib/style.css'
-
-// import VxeUITable from 'vxe-table'
-// import 'vxe-table/lib/style.css'
-
-// import VxeUIDesign from 'vxe-design'
-// import 'vxe-design/lib/style.css'
-// ...
-
-Vue.use(VxeUIBase)
-// Vue.use(VxeUITable)
-// Vue.use(VxeUIDesign)
-```
-
-### CDN
-
-使用第三方 CDN 方式记得锁定版本号，避免受到非兼容性更新的影响  
-***不建议将第三方的 CDN 地址用于正式环境，因为该连接随时都可能会失效***  
-
-```HTML
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <!-- style -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui@3/lib/style.css">
-  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@3/lib/style.css"> -->
-  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-design@3/lib/style.css"> -->
-  <!-- vue -->
-  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
-  <!-- vxe -->
-  <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
-  <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui@3"></script>
-  <!-- <script src="https://cdn.jsdelivr.net/npm/vxe-table@3"></script> -->
-  <!-- <script src="https://cdn.jsdelivr.net/npm/vxe-design@3"></script> -->
-</head>
-<body>
-  <div id="app">
-    <div>
-      <vxe-form
-        :data="formData"
-        @submit="submitEvent">
-        <vxe-form-item title="名称" field="name" span="12" :item-render="{}">
-          <template #default="params">
-            <vxe-input v-model="formData.name"></vxe-input>
-          </template>
-        </vxe-form-item>
-        <vxe-form-item title="角色" field="role" span="12" :item-render="{}">
-          <template #default="params">
-            <vxe-input v-model="formData.role"></vxe-input>
-          </template>
-        </vxe-form-item>
-        <vxe-form-item title="年龄" field="age" span="12" :item-render="{}">
-          <template #default="params">
-            <vxe-input v-model="formData.age"></vxe-input>
-          </template>
-        </vxe-form-item>
-        <vxe-form-item align="center" span="24" :item-render="{}">
-          <template #default>
-            <vxe-button type="submit" status="primary">提交</vxe-button>
-            <vxe-button type="reset">重置</vxe-button>
-          </template>
-        </vxe-form-item>
-      </vxe-form>
-    </div>
-  </div>
-  <script>
-    (function () {
-      var App = {
-        data() {
-          return {
-            formData: {
-              name: '',
-              nickname: '',
-              sex: '',
-              role: ''
-            }
-          }
-        },
-        methods: {
-          submitEvent () {
-            VxeUI.modal.message({ content: '保存成功', status: 'success' })
-          }
-        }
-      }
-      Vue.createApp(App).use(VxeUI).use(VXETable).mount('#app')
-    })()
-  </script>
-</body>
-</html>
-```
-
-## Contributors
-
-Thank you to everyone who contributed to this project.
-
-[![vxe-pc-ui](https://contrib.rocks/image?repo=x-extends/vxe-pc-ui)](https://github.com/x-extends/vxe-pc-ui/graphs/contributors)
-
-## License
-
-[MIT](LICENSE) © 2019-present, Xu Liangzhan
+# vxe-pc-ui
+
+[![github star](https://img.shields.io/github/stars/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/stargazers)
+[![npm version](https://img.shields.io/npm/v/vxe-pc-ui.svg?style=flat-square)](https://www.npmjs.com/package/vxe-pc-ui)
+[![NodeJS with Webpack](https://github.com/x-extends/vxe-pc-ui/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-pc-ui/actions/workflows/webpack.yml)
+[![npm downloads](https://img.shields.io/npm/dt/vxe-pc-ui.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-pc-ui)
+[![issues](https://img.shields.io/github/issues/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/issues)
+[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/issues?q=is%3Aissue+is%3Aclosed)
+[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/pulls)
+[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-pc-ui.svg)](https://github.com/x-extends/vxe-pc-ui/pulls?q=is%3Apr+is%3Aclosed)
+[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
+
+一个基于 [vue](https://www.npmjs.com/package/vue) 的 PC 端组件库  
+
+## 浏览器支持
+
+![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
+--- | --- | --- | --- | --- |
+80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |
+
+## 安装
+
+```shell
+npm install vxe-pc-ui@3
+# npm install vxe-pc-ui@3 vxe-table@3 vxe-design@3
+```
+
+```javascript
+import Vue from 'vue'
+// ...
+import VxeUIBase from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+
+// import VxeUITable from 'vxe-table'
+// import 'vxe-table/lib/style.css'
+
+// import VxeUIDesign from 'vxe-design'
+// import 'vxe-design/lib/style.css'
+// ...
+
+Vue.use(VxeUIBase)
+// Vue.use(VxeUITable)
+// Vue.use(VxeUIDesign)
+```
+
+### CDN
+
+使用第三方 CDN 方式记得锁定版本号，避免受到非兼容性更新的影响  
+***不建议将第三方的 CDN 地址用于正式环境，因为该连接随时都可能会失效***  
+
+```HTML
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <!-- style -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui@3/lib/style.css">
+  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@3/lib/style.css"> -->
+  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-design@3/lib/style.css"> -->
+  <!-- vue -->
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+  <!-- vxe -->
+  <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui@3"></script>
+  <!-- <script src="https://cdn.jsdelivr.net/npm/vxe-table@3"></script> -->
+  <!-- <script src="https://cdn.jsdelivr.net/npm/vxe-design@3"></script> -->
+</head>
+<body>
+  <div id="app">
+    <div>
+      <vxe-form
+        :data="formData"
+        @submit="submitEvent">
+        <vxe-form-item title="名称" field="name" span="12" :item-render="{}">
+          <template #default="params">
+            <vxe-input v-model="formData.name"></vxe-input>
+          </template>
+        </vxe-form-item>
+        <vxe-form-item title="角色" field="role" span="12" :item-render="{}">
+          <template #default="params">
+            <vxe-input v-model="formData.role"></vxe-input>
+          </template>
+        </vxe-form-item>
+        <vxe-form-item title="年龄" field="age" span="12" :item-render="{}">
+          <template #default="params">
+            <vxe-input v-model="formData.age"></vxe-input>
+          </template>
+        </vxe-form-item>
+        <vxe-form-item align="center" span="24" :item-render="{}">
+          <template #default>
+            <vxe-button type="submit" status="primary">提交</vxe-button>
+            <vxe-button type="reset">重置</vxe-button>
+          </template>
+        </vxe-form-item>
+      </vxe-form>
+    </div>
+  </div>
+  <script>
+    (function () {
+      var App = {
+        data() {
+          return {
+            formData: {
+              name: '',
+              nickname: '',
+              sex: '',
+              role: ''
+            }
+          }
+        },
+        methods: {
+          submitEvent () {
+            VxeUI.modal.message({ content: '保存成功', status: 'success' })
+          }
+        }
+      }
+      Vue.createApp(App).use(VxeUI).use(VXETable).mount('#app')
+    })()
+  </script>
+</body>
+</html>
+```
+
+## Contributors
+
+Thank you to everyone who contributed to this project.
+
+[![vxe-pc-ui](https://contrib.rocks/image?repo=x-extends/vxe-pc-ui)](https://github.com/x-extends/vxe-pc-ui/graphs/contributors)
+
+## License
+
+[MIT](LICENSE) © 2019-present, Xu Liangzhan

package/es/checkbox/src/button.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins } from '../../ui';
+import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeCheckboxButton',
     mixins: [
@@ -70,8 +70,9 @@ export default {
             if (disabled === null) {
                 if ($xeCheckboxGroup) {
                     const isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
                     const isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-                    return isGroupDisabled || (isGroupMaximize && !isChecked);
+                    return isGroupDisabled || isGroupReadonly || (isGroupMaximize && !isChecked);
                 }
             }
             return disabled;
@@ -127,10 +128,30 @@ export default {
             const $xeCheckboxButton = this;
             const props = $xeCheckboxButton;
             const slots = $xeCheckboxButton.$scopedSlots;
-            const { label } = props;
+            const $xeCheckboxGroup = $xeCheckboxButton.$xeCheckboxGroup;
+            const { label, content } = props;
             const vSize = $xeCheckboxButton.computeSize;
             const isDisabled = $xeCheckboxButton.computeIsDisabled;
             const isChecked = $xeCheckboxButton.computeIsChecked;
+            const defaultSlot = slots.default;
+            if ($xeCheckboxGroup) {
+                const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-checkbox vxe-checkbox--button-view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeCheckboxButton);
+                }
+            }
             return h('label', {
                 key: label,
                 class: ['vxe-checkbox vxe-checkbox--button', {
@@ -156,7 +177,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-checkbox--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(props.content))
             ]);
         }
     },

package/es/checkbox/src/checkbox.js

@@ -1,7 +1,7 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getFuncText } from '../../ui/src/utils';
-import { getConfig, createEvent, globalMixins, getIcon } from '../../ui';
+import { getConfig, createEvent, globalMixins, getIcon, renderEmptyElement } from '../../ui';
 export default {
     name: 'VxeCheckbox',
     mixins: [
@@ -70,8 +70,9 @@ export default {
             if (disabled === null) {
                 if ($xeCheckboxGroup) {
                     const isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+                    const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
                     const isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
-                    return isGroupDisabled || (isGroupMaximize && !isChecked);
+                    return isGroupDisabled || isGroupReadonly || (isGroupMaximize && !isChecked);
                 }
             }
             return disabled;
@@ -127,11 +128,31 @@ export default {
             const $xeCheckbox = this;
             const props = $xeCheckbox;
             const slots = $xeCheckbox.$scopedSlots;
-            const { label } = props;
+            const $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+            const { label, content } = props;
             const vSize = $xeCheckbox.computeSize;
             const isDisabled = $xeCheckbox.computeIsDisabled;
             const isChecked = $xeCheckbox.computeIsChecked;
             const indeterminate = !isChecked && props.indeterminate;
+            const defaultSlot = slots.default;
+            if ($xeCheckboxGroup) {
+                const isGroupReadonly = $xeCheckboxGroup.computeIsReadonly;
+                if (isGroupReadonly) {
+                    if (isChecked) {
+                        return h('label', {
+                            class: ['vxe-checkbox vxe-checkbox--view', {
+                                    [`size--${vSize}`]: vSize,
+                                    'is--readonly': isGroupReadonly
+                                }]
+                        }, [
+                            h('span', {
+                                class: 'vxe-checkbox--label'
+                            }, defaultSlot ? defaultSlot({}) : getFuncText(content))
+                        ]);
+                    }
+                    return renderEmptyElement($xeCheckbox);
+                }
+            }
             return h('label', {
                 key: label,
                 class: ['vxe-checkbox vxe-checkbox--default', {
@@ -162,7 +183,7 @@ export default {
                 }),
                 h('span', {
                     class: 'vxe-checkbox--label'
-                }, slots.default ? slots.default({}) : getFuncText(props.content))
+                }, defaultSlot ? defaultSlot({}) : getFuncText(content))
             ]);
         }
     },

package/es/checkbox/src/group.js

@@ -16,6 +16,10 @@ export default {
         value: Array,
         options: Array,
         optionProps: Object,
+        readonly: {
+            type: Boolean,
+            default: null
+        },
         disabled: {
             type: Boolean,
             default: null
@@ -54,14 +58,27 @@ export default {
             internalData
         };
     },
-    computed: Object.assign(Object.assign({}, {}), { computeIsDisabled() {
+    computed: Object.assign(Object.assign({}, {}), { computeIsReadonly() {
+            const $xeCheckboxGroup = this;
+            const props = $xeCheckboxGroup;
+            const $xeForm = $xeCheckboxGroup.$xeForm;
+            const { readonly } = props;
+            if (readonly === null) {
+                if ($xeForm) {
+                    return $xeForm.readonly;
+                }
+                return false;
+            }
+            return readonly;
+        },
+        computeIsDisabled() {
             const $xeCheckboxGroup = this;
             const props = $xeCheckboxGroup;
             const $xeForm = $xeCheckboxGroup.$xeForm;
             const { disabled } = props;
             if (disabled === null) {
                 if ($xeForm) {
-                    return $xeForm.readonly || $xeForm.disabled;
+                    return $xeForm.disabled;
                 }
                 return false;
             }
@@ -190,8 +207,13 @@ export default {
             const valueField = $xeCheckboxGroup.computeValueField;
             const labelField = $xeCheckboxGroup.computeLabelField;
             const disabledField = $xeCheckboxGroup.computeDisabledField;
+            const isReadonly = $xeCheckboxGroup.computeIsReadonly;
+            const isDisabled = $xeCheckboxGroup.computeIsDisabled;
             return h('div', {
-                class: 'vxe-checkbox-group'
+                class: ['vxe-checkbox-group', {
+                        'is--readonly': isReadonly,
+                        'is--disabled': isDisabled
+                    }]
             }, defaultSlot
                 ? defaultSlot({})
                 : (options

package/es/checkbox/style.css

@@ -21,6 +21,9 @@
   white-space: nowrap;
   line-height: 1;
 }
+.vxe-checkbox {
+  cursor: pointer;
+}
 .vxe-checkbox .vxe-checkbox--icon {
   font-size: 1.22em;
 }
@@ -39,15 +42,15 @@
 .vxe-checkbox.is--checked .vxe-checkbox--icon, .vxe-checkbox.is--indeterminate .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-checkbox:not(.is--disabled) {
-  cursor: pointer;
-}
 .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox.is--hidden {
   cursor: default;
 }
+.vxe-checkbox.is--readonly {
+  cursor: auto;
+}
 .vxe-checkbox.is--disabled {
   color: var(--vxe-ui-font-disabled-color);
   cursor: not-allowed;

package/es/checkbox/style.min.css

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}
+.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}

package/es/language/ar-EG.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/de-DE.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/en-US.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: 'Loading'
         },
+        switch: {
+            onText: 'On',
+            offText: 'Off'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/es-ES.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/fr-FR.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/hu-HU.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/hy-AM.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/id-ID.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/it-IT.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',

package/es/language/ja-JP.js

@@ -556,6 +556,10 @@ export default {
         contextMenu: {
             loadingText: '加载中...'
         },
+        switch: {
+            onText: '打开',
+            offText: '关闭'
+        },
         gantt: {
             tFullFormat: {
                 year: '{yyyy}年',