chain-saasui 1.0.6 → 1.0.7

package/components/src/STable/index.vue

@@ -1,48 +1,48 @@
-<template>
-    <el-table ref="saasTable" class="saas-table" v-bind="$props" v-on="$listeners">
-        <slot></slot>
-        <STablecolumn v-for="column in columns" :key="column.value" :column="column" @action="handleColumnAction">
-            <template :slot="column.value" slot-scope="scope">
-                <slot :name="column.value" v-bind="getBindProps(scope, column)"></slot>
-            </template>
-        </STablecolumn>
-    </el-table>
-</template>
-<script>
-import { Table } from 'element-ui';
-import STablecolumn from './STablecolumn.vue';
-export default {
-    name: 'STable',
-    props: {
-        ...Table.props,
-        border: {
-            type: Boolean,
-            default: true,
-        },
-        columns: {
-            type: Array,
-            default: () => [],
-        },
-    },
-    components: {
-        STablecolumn,
-    },
-    data() {
-        return {};
-    },
-    computed: {},
-    deactivated() {},
-    methods: {
-        // 处理操作列事件
-        handleColumnAction(actionName, row, column) {
-            this.$emit('action', actionName, row, column);
-        },
-        getBindProps(params, column) {
-            return {
-                ...params,
-                column,
-            };
-        },
-    },
-};
-</script>
+<template>
+    <el-table ref="saasTable" class="saas-table" v-bind="$props" v-on="$listeners">
+        <slot></slot>
+        <STablecolumn v-for="column in columns" :key="column.value" :column="column" @action="handleColumnAction">
+            <template :slot="column.value" slot-scope="scope">
+                <slot :name="column.value" v-bind="getBindProps(scope, column)"></slot>
+            </template>
+        </STablecolumn>
+    </el-table>
+</template>
+<script>
+import { Table } from 'element-ui';
+import STablecolumn from './STablecolumn.vue';
+export default {
+    name: 'STable',
+    props: {
+        ...Table.props,
+        border: {
+            type: Boolean,
+            default: true,
+        },
+        columns: {
+            type: Array,
+            default: () => [],
+        },
+    },
+    components: {
+        STablecolumn,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    deactivated() {},
+    methods: {
+        // 处理操作列事件
+        handleColumnAction(actionName, row, column) {
+            this.$emit('action', actionName, row, column);
+        },
+        getBindProps(params, column) {
+            return {
+                ...params,
+                column,
+            };
+        },
+    },
+};
+</script>

package/components/src/STableButtons/STableButtons.md

@@ -1,111 +1,111 @@
-
-# `STableButtons` 行内操作按钮组组件
-
-`<STableButtons />` 是一个智能化按钮组组件，支持 **操作按钮自动折叠、tooltip 提示、显示条件控制、简洁模式** 等特性，适用于表格、卡片等操作列场景。
-
----
-
-## 📦 功能特性
-
-* ✅ 超过指定数量按钮自动折叠进下拉菜单
-* ✅ 支持 `tooltip` 提示信息展示
-* ✅ 支持 `show` 控制按钮显示（支持布尔值和函数）
-* ✅ 支持简洁图标模式与文本下拉模式切换
-* ✅ 按钮属性自由传入（disabled、type、icon等）
-
----
-
-## 💻 使用示例
-
-```vue
-<STableButtons :list="actionList" :row="row" :maxLength="2" moreType="more"  @action="handleAction"/>
-```
-
-### 示例按钮数据结构：
-
-```js
-actionList: [
-  {
-    label: '编辑',
-    tip: '编辑该项',
-    attrs: {
-      type: 'primary',
-    },
-  },
-  {
-    label: '删除',
-    tip: '不可恢复，请慎重',
-    attrs: {
-      type: 'danger',
-      disabled: true,
-    },
-  },
-  {
-    label: '更多操作',
-    show: () => true, // 支持函数
-  },
-];
-```
-
----
-
-## ⚙️ Props 参数
-
-| 参数名         | 类型        | 默认值                      | 说明              |
-| ----------- | --------- | ------------------------ | --------------- |
-| `list`      | `Array`   | `[]`                     | 按钮配置数组，见下方格式说明  |
-| `maxLength` | `Number`  | `2`                      | 最多显示多少个按钮，其余收起  |
-| `moreType`   | `String` | ` text,more`             | 更多类型   |   
-| `text`      | `String`  | `$t('buttonGroup.more')` | 下拉按钮显示文本（非简洁模式） |
-
----
-
-## 📌 按钮项结构（list）
-
-每个按钮对象的字段如下：
-
-| 字段名       | 类型                    | 说明                        |
-| --------- | --------------------- | ------------------------- |
-| `label`   | `String`              | 按钮文字内容                    |
-| `onClick` | `Function`            | 点击事件                      |
-| `tip`     | `String`              | 鼠标悬浮提示内容，可选               |
-| `show`     | `Boolean \| Function` | 控制按钮是否显示，默认 `true`        |
-| `attrs`   | `Object`              | 按钮属性（type、disabled、icon等） |
-
----
-
-## 🧠 show 控制说明
-
-支持传入布尔值或函数：
-
-```js
-{
-  label: '操作',
-  show: true, // 或 () => user.hasPermission('xxx')
-}
-```
-
-未设置 `show` 时默认为 `true`。
-
----
-
-## 🎨 效果图（简化描述）
-
-```text
-[编辑] [删除] [更多 ⏷]
-点击更多 ⟶
- ├── 更多操作1
- └── 更多操作2
-```
-
----
-
-## 💡 简洁模式 `moreType=more`
-
-```vue
-<STableButtons :list="actionList" moreType="more" />
-```
-
-折叠按钮会只展示图标（默认使用 `smart-More` 样式），适合空间有限场景。
-
-
+
+# `STableButtons` 行内操作按钮组组件
+
+`<STableButtons />` 是一个智能化按钮组组件，支持 **操作按钮自动折叠、tooltip 提示、显示条件控制、简洁模式** 等特性，适用于表格、卡片等操作列场景。
+
+---
+
+## 📦 功能特性
+
+* ✅ 超过指定数量按钮自动折叠进下拉菜单
+* ✅ 支持 `tooltip` 提示信息展示
+* ✅ 支持 `show` 控制按钮显示（支持布尔值和函数）
+* ✅ 支持简洁图标模式与文本下拉模式切换
+* ✅ 按钮属性自由传入（disabled、type、icon等）
+
+---
+
+## 💻 使用示例
+
+```vue
+<STableButtons :list="actionList" :row="row" :maxLength="2" moreType="more"  @action="handleAction"/>
+```
+
+### 示例按钮数据结构：
+
+```js
+actionList: [
+  {
+    label: '编辑',
+    tip: '编辑该项',
+    attrs: {
+      type: 'primary',
+    },
+  },
+  {
+    label: '删除',
+    tip: '不可恢复，请慎重',
+    attrs: {
+      type: 'danger',
+      disabled: true,
+    },
+  },
+  {
+    label: '更多操作',
+    show: () => true, // 支持函数
+  },
+];
+```
+
+---
+
+## ⚙️ Props 参数
+
+| 参数名         | 类型        | 默认值                      | 说明              |
+| ----------- | --------- | ------------------------ | --------------- |
+| `list`      | `Array`   | `[]`                     | 按钮配置数组，见下方格式说明  |
+| `maxLength` | `Number`  | `2`                      | 最多显示多少个按钮，其余收起  |
+| `moreType`   | `String` | ` text,more`             | 更多类型   |   
+| `text`      | `String`  | `$t('buttonGroup.more')` | 下拉按钮显示文本（非简洁模式） |
+
+---
+
+## 📌 按钮项结构（list）
+
+每个按钮对象的字段如下：
+
+| 字段名       | 类型                    | 说明                        |
+| --------- | --------------------- | ------------------------- |
+| `label`   | `String`              | 按钮文字内容                    |
+| `onClick` | `Function`            | 点击事件                      |
+| `tip`     | `String`              | 鼠标悬浮提示内容，可选               |
+| `show`     | `Boolean \| Function` | 控制按钮是否显示，默认 `true`        |
+| `attrs`   | `Object`              | 按钮属性（type、disabled、icon等） |
+
+---
+
+## 🧠 show 控制说明
+
+支持传入布尔值或函数：
+
+```js
+{
+  label: '操作',
+  show: true, // 或 () => user.hasPermission('xxx')
+}
+```
+
+未设置 `show` 时默认为 `true`。
+
+---
+
+## 🎨 效果图（简化描述）
+
+```text
+[编辑] [删除] [更多 ⏷]
+点击更多 ⟶
+ ├── 更多操作1
+ └── 更多操作2
+```
+
+---
+
+## 💡 简洁模式 `moreType=more`
+
+```vue
+<STableButtons :list="actionList" moreType="more" />
+```
+
+折叠按钮会只展示图标（默认使用 `smart-More` 样式），适合空间有限场景。
+
+

package/components/src/STableButtons/index.vue

@@ -1,96 +1,96 @@
-<template>
-    <div class="saas-table-buttons">
-        <template v-for="(btn, index) in buttonList">
-            <el-tooltip :disabled="!btn.tip" placement="top" :content="btn.tip" :key="index">
-                <el-button v-bind="finalAttrs(btn.attrs)" @click="handelClick(btn.action)">{{ btn.label }}</el-button>
-            </el-tooltip>
-        </template>
-        <el-dropdown v-if="dropdownList.length" @command="handleCommand">
-            <el-button v-bind="btnProps">
-                <i v-if="moreType == 'more'" class="smart-More"></i>
-                <template v-else-if="moreType == 'text'">
-                    {{ text }}
-                    <i class="el-icon-arrow-down"></i>
-                </template>
-            </el-button>
-            <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item v-for="(drop, index) in dropdownList" :key="index" v-bind="finalAttrs(drop.attrs)" :command="drop.action">
-                    <el-tooltip :disabled="!drop.tip" placement="top" :content="drop.tip">
-                        <span>{{ drop.label }}</span>
-                    </el-tooltip>
-                </el-dropdown-item>
-            </el-dropdown-menu>
-        </el-dropdown>
-    </div>
-</template>
-
-<script>
-import { isEmpty } from 'chain-lodash';
-export default {
-    name: 'STableButtons',
-    props: {
-        list: {
-            type: Array,
-            default: () => [],
-        },
-        maxLength: {
-            type: Number,
-            default: 2,
-        },
-        moreType: {
-            type: String,
-            default: 'more', // 'text' | 'more'
-        },
-        text: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.more');
-            },
-        },
-        row: {
-            type: Object,
-            default() {
-                return {};
-            },
-        },
-    },
-
-    data() {
-        return {
-            btnProps: {
-                size: 'mini',
-                type: 'text',
-            },
-        };
-    },
-    computed: {
-        showList() {
-            return this.list.filter(item => {
-                const show = isEmpty(item.show) ? true : item.show;
-                if (typeof show === 'function') return show(this.row);
-                return Boolean(show);
-            });
-        },
-        buttonList() {
-            return this.showList.slice(0, this.maxLength);
-        },
-        dropdownList() {
-            return this.showList.slice(this.maxLength);
-        },
-    },
-    methods: {
-        finalAttrs(attrs = {}) {
-            return {
-                ...this.btnProps,
-                ...attrs,
-            };
-        },
-        handleCommand(command) {
-            this.$emit('action', command, this.row);
-        },
-        handelClick(command) {
-            this.$emit('action', command, this.row);
-        },
-    },
-};
-</script>
+<template>
+    <div class="saas-table-buttons">
+        <template v-for="(btn, index) in buttonList">
+            <el-tooltip :disabled="!btn.tip" placement="top" :content="btn.tip" :key="index">
+                <el-button v-bind="finalAttrs(btn.attrs)" @click="handelClick(btn.action)">{{ btn.label }}</el-button>
+            </el-tooltip>
+        </template>
+        <el-dropdown v-if="dropdownList.length" @command="handleCommand">
+            <el-button v-bind="btnProps">
+                <i v-if="moreType == 'more'" class="smart-More"></i>
+                <template v-else-if="moreType == 'text'">
+                    {{ text }}
+                    <i class="el-icon-arrow-down"></i>
+                </template>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="(drop, index) in dropdownList" :key="index" v-bind="finalAttrs(drop.attrs)" :command="drop.action">
+                    <el-tooltip :disabled="!drop.tip" placement="top" :content="drop.tip">
+                        <span>{{ drop.label }}</span>
+                    </el-tooltip>
+                </el-dropdown-item>
+            </el-dropdown-menu>
+        </el-dropdown>
+    </div>
+</template>
+
+<script>
+import { isEmpty } from 'chain-lodash';
+export default {
+    name: 'STableButtons',
+    props: {
+        list: {
+            type: Array,
+            default: () => [],
+        },
+        maxLength: {
+            type: Number,
+            default: 2,
+        },
+        moreType: {
+            type: String,
+            default: 'more', // 'text' | 'more'
+        },
+        text: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.more');
+            },
+        },
+        row: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+    },
+
+    data() {
+        return {
+            btnProps: {
+                size: 'mini',
+                type: 'text',
+            },
+        };
+    },
+    computed: {
+        showList() {
+            return this.list.filter(item => {
+                const show = isEmpty(item.show) ? true : item.show;
+                if (typeof show === 'function') return show(this.row);
+                return Boolean(show);
+            });
+        },
+        buttonList() {
+            return this.showList.slice(0, this.maxLength);
+        },
+        dropdownList() {
+            return this.showList.slice(this.maxLength);
+        },
+    },
+    methods: {
+        finalAttrs(attrs = {}) {
+            return {
+                ...this.btnProps,
+                ...attrs,
+            };
+        },
+        handleCommand(command) {
+            this.$emit('action', command, this.row);
+        },
+        handelClick(command) {
+            this.$emit('action', command, this.row);
+        },
+    },
+};
+</script>

package/components/src/SUnit/index.vue

@@ -1,74 +1,74 @@
-<template>
-    <div class="saas-unit">
-        <span :class="`saas-unit-${typeCom}`"></span>
-        <span class="saas-unit-text">
-            <slot>
-                {{ getValue }}
-            </slot>
-        </span>
-    </div>
-</template>
-<script>
-import { isEmpty, getOptionValue, formatIfJson } from 'chain-lodash';
-export default {
-    name: 'SUnit',
-    props: {
-        value: [String, Number],
-        type: {
-            type: String,
-            default: '',
-        },
-        options: {
-            type: Array,
-            default: () => [],
-        },
-        props: {
-            type: Object,
-            default: () => ({
-                value: 'value',
-                label: 'label',
-                style: 'style',
-                type: '',
-                isShowCode: false,
-            }),
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        typeCom() {
-            if (!isEmpty(this.value)) {
-                const style = this.props.style || 'style';
-                return (
-                    getOptionValue(this.options, this.value, {
-                        ...this.props,
-                        label: style,
-                    }) || 'primary'
-                );
-            } else {
-                return this.type || 'primary';
-            }
-        },
-        getValue() {
-            if (!isEmpty(this.value)) {
-                const label = getOptionValue(this.options, this.value, this.props);
-                return formatIfJson(label);
-            }
-            return '';
-        },
-    },
-    methods: {
-        handleSubmit() {
-            this.$emit('confirm');
-        },
-        handleClose() {
-            this.$emit('close');
-        },
-        goBack() {
-            this.$emit('close');
-        },
-    },
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-unit">
+        <span :class="`saas-unit-${typeCom}`"></span>
+        <span class="saas-unit-text">
+            <slot>
+                {{ getValue }}
+            </slot>
+        </span>
+    </div>
+</template>
+<script>
+import { isEmpty, getOptionValue, formatIfJson } from 'chain-lodash';
+export default {
+    name: 'SUnit',
+    props: {
+        value: [String, Number],
+        type: {
+            type: String,
+            default: '',
+        },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        props: {
+            type: Object,
+            default: () => ({
+                value: 'value',
+                label: 'label',
+                style: 'style',
+                type: '',
+                isShowCode: false,
+            }),
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        typeCom() {
+            if (!isEmpty(this.value)) {
+                const style = this.props.style || 'style';
+                return (
+                    getOptionValue(this.options, this.value, {
+                        ...this.props,
+                        label: style,
+                    }) || 'primary'
+                );
+            } else {
+                return this.type || 'primary';
+            }
+        },
+        getValue() {
+            if (!isEmpty(this.value)) {
+                const label = getOptionValue(this.options, this.value, this.props);
+                return formatIfJson(label);
+            }
+            return '';
+        },
+    },
+    methods: {
+        handleSubmit() {
+            this.$emit('confirm');
+        },
+        handleClose() {
+            this.$emit('close');
+        },
+        goBack() {
+            this.$emit('close');
+        },
+    },
+};
+</script>
+<style lang="scss" scoped></style>