yc-pro-components 0.0.1

package/lib/components/yc-more-actions/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcMoreActionsComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cabdaeba"], ["__file", "index.vue"]]);
+
+exports.default = YcMoreActionsComponent;

package/lib/components/yc-more-actions/src/index.vue2.js

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "YcMoreActions"
+  },
+  __name: "index",
+  props: {
+    actions: {
+      default: () => []
+    },
+    trigger: {
+      default: "hover"
+    },
+    placement: {
+      default: "bottom-start"
+    },
+    showArrow: {
+      type: Boolean,
+      default: false
+    },
+    triggerButton: {
+      default: () => ({
+        type: "primary",
+        size: "small",
+        link: true,
+        text: "\u66F4\u591A"
+      })
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dropdownClass: {
+      default: ""
+    },
+    dropdownStyle: {
+      default: () => ({})
+    },
+    context: {},
+    stopPropagation: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["action-click", "visible-change"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const filteredActions = vue.computed(() => {
+      return props.actions.filter((action) => {
+        if (action.visible === void 0) return true;
+        if (typeof action.visible === "boolean") return action.visible;
+        if (typeof action.visible === "function") {
+          return action.visible(props.context);
+        }
+        return true;
+      });
+    });
+    const handleActionClick = (action, e) => {
+      if (props.stopPropagation) {
+        e.stopPropagation();
+      }
+      if (action.disabled) return;
+      emit("action-click", action.key, props.context);
+    };
+    const handleDropdownClick = (e) => {
+      if (props.stopPropagation) {
+        e.stopPropagation();
+      }
+    };
+    const handleTriggerClick = (e) => {
+      if (props.stopPropagation) {
+        e.stopPropagation();
+      }
+    };
+    const handleVisibleChange = (visible) => {
+      emit("visible-change", visible);
+    };
+    const renderIcon = (icon) => {
+      if (!icon) return null;
+      if (typeof icon === "string") {
+        return null;
+      }
+      return vue.h(elementPlus.ElIcon, {}, () => vue.h(icon));
+    };
+    const renderTriggerButton = () => {
+      const {
+        triggerButton
+      } = props;
+      const icon = renderIcon(triggerButton == null ? void 0 : triggerButton.icon);
+      return vue.createVNode(elementPlus.ElButton, {
+        "type": triggerButton == null ? void 0 : triggerButton.type,
+        "size": triggerButton == null ? void 0 : triggerButton.size,
+        "link": triggerButton == null ? void 0 : triggerButton.link,
+        "disabled": props.disabled,
+        "class": triggerButton == null ? void 0 : triggerButton.class,
+        "style": triggerButton == null ? void 0 : triggerButton.style,
+        "onClick": handleTriggerClick
+      }, {
+        default: () => [icon ? vue.createVNode("span", {
+          "class": "yc-more-actions__icon"
+        }, [icon]) : null, triggerButton == null ? void 0 : triggerButton.text]
+      });
+    };
+    const render = () => {
+      return vue.createVNode(elementPlus.ElDropdown, {
+        "trigger": props.trigger,
+        "placement": props.placement,
+        "showArrow": props.showArrow,
+        "disabled": props.disabled,
+        "onVisibleChange": handleVisibleChange,
+        "onClick": handleDropdownClick
+      }, {
+        default: () => renderTriggerButton(),
+        dropdown: () => {
+          let _slot;
+          return vue.createVNode(elementPlus.ElDropdownMenu, {
+            "class": props.dropdownClass,
+            "style": props.dropdownStyle,
+            "onClick": handleDropdownClick
+          }, _isSlot(_slot = filteredActions.value.map((action) => {
+            const icon = renderIcon(action.icon);
+            return vue.createVNode(elementPlus.ElDropdownItem, {
+              "key": action.key,
+              "disabled": action.disabled,
+              "divided": action.divided,
+              "class": [action.class, {
+                "is-danger": action.danger
+              }],
+              "style": action.style,
+              "onClick": (e) => handleActionClick(action, e)
+            }, {
+              default: () => [icon ? vue.createVNode("span", {
+                "class": "yc-more-actions__item-icon"
+              }, [icon]) : null, action.label]
+            });
+          })) ? _slot : {
+            default: () => [_slot]
+          });
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(render()));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/yc-more-actions/src/type.d.ts

@@ -0,0 +1,69 @@
+import { Component } from 'vue';
+
+/**
+ * 操作项配置
+ */
+export interface MoreActionItem {
+    /** 操作项的唯一标识 */
+    key: string;
+    /** 操作项显示的文本 */
+    label: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示分割线 */
+    divided?: boolean;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义样式 */
+    style?: Record<string, string | number>;
+    /** 是否显示（支持函数动态控制） */
+    visible?: boolean | ((context?: Record<string, unknown> | object | null) => boolean);
+    /** 图标（支持字符串或组件） */
+    icon?: string | Component;
+    /** 危险操作（显示红色） */
+    danger?: boolean;
+}
+/**
+ * 触发按钮配置
+ */
+export interface TriggerButtonProps {
+    /** 按钮类型 */
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+    /** 按钮尺寸 */
+    size?: 'large' | 'default' | 'small';
+    /** 是否为链接按钮 */
+    link?: boolean;
+    /** 按钮文本 */
+    text?: string;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义样式 */
+    style?: Record<string, string | number>;
+    /** 图标 */
+    icon?: string | Component;
+}
+/**
+ * YcMoreActions 组件 Props
+ */
+export interface YcMoreActionsProps {
+    /** 操作项列表 */
+    actions: MoreActionItem[];
+    /** 触发方式 */
+    trigger?: 'hover' | 'click' | 'contextmenu';
+    /** 下拉菜单位置 */
+    placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** 触发按钮配置 */
+    triggerButton?: TriggerButtonProps;
+    /** 是否禁用整个组件 */
+    disabled?: boolean;
+    /** 下拉菜单的类名 */
+    dropdownClass?: string;
+    /** 下拉菜单的样式 */
+    dropdownStyle?: Record<string, string | number>;
+    /** 上下文数据（用于 visible 函数判断），支持任意对象类型 */
+    context?: Record<string, unknown> | object | null;
+    /** 是否阻止事件冒泡 */
+    stopPropagation?: boolean;
+}

package/lib/components/yc-more-actions/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/components/yc-perms/index.d.ts

@@ -0,0 +1,32 @@
+import { AuthCheckFn } from 'yc-components';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { default as YcPerms, PermsCheckFn } from './src/index';
+
+export declare const YcPermsWithInstall: SFCWithInstall<DefineComponent<{
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    hasPerms: {
+        type: PropType<AuthCheckFn>;
+        default: undefined;
+    };
+}, () => any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    hasPerms: {
+        type: PropType<AuthCheckFn>;
+        default: undefined;
+    };
+}>>, {
+    value: string | string[];
+    hasPerms: AuthCheckFn;
+}, {}>>;
+export { YcPerms };
+export type { PermsCheckFn };
+export default YcPerms;
+export { YcPerms as RePerms };
+export type YcPermsInstance = InstanceType<typeof YcPerms>;

package/lib/components/yc-perms/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.js');
+
+const YcPermsWithInstall = component.withInstall(index.default);
+
+exports.RePerms = index.default;
+exports.YcPerms = index.default;
+exports.default = index.default;
+exports.YcPermsWithInstall = YcPermsWithInstall;

package/lib/components/yc-perms/src/index.d.ts

@@ -0,0 +1,61 @@
+import { AuthCheckFn as GlobalPermsCheckFn } from '../../yc-config-provider/src/type';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+export type PermsCheckFn = GlobalPermsCheckFn;
+/**
+ * YcPerms - 操作权限控制组件
+ *
+ * @description
+ * 根据操作权限判断是否渲染子组件。
+ *
+ * 权限检查函数来源（优先级从高到低）：
+ * 1. props.hasPerms - 直接传入的函数
+ * 2. YcConfigProvider.hasPerms - 全局配置的函数
+ * 3. 默认函数 - 始终返回 true
+ *
+ * @example
+ * ```vue
+ * <!-- 使用全局配置的权限函数 -->
+ * <YcPerms :value="['user:add']">
+ *   <el-button>新增用户</el-button>
+ * </YcPerms>
+ *
+ * <!-- 使用自定义权限函数 -->
+ * <YcPerms :value="['user:add']" :has-perms="customPermsFn">
+ *   <el-button>新增用户</el-button>
+ * </YcPerms>
+ * ```
+ */
+declare const _default: DefineComponent<{
+    /** 权限值 */
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasPerms 函数
+     */
+    hasPerms: {
+        type: PropType<GlobalPermsCheckFn>;
+        default: undefined;
+    };
+}, () => any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 权限值 */
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasPerms 函数
+     */
+    hasPerms: {
+        type: PropType<GlobalPermsCheckFn>;
+        default: undefined;
+    };
+}>>, {
+    value: string | string[];
+    hasPerms: GlobalPermsCheckFn;
+}, {}>;
+export default _default;

package/lib/components/yc-perms/src/index.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var type = require('../../yc-config-provider/src/type.js');
+
+var YcPerms = /* @__PURE__ */ vue.defineComponent({
+  name: "YcPerms",
+  props: {
+    /** 权限值 */
+    value: {
+      type: [String, Array],
+      default: () => []
+    },
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasPerms 函数
+     */
+    hasPerms: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const globalConfig = vue.inject(type.YC_CONFIG_KEY, type.DEFAULT_YC_CONFIG);
+    const getPermsFn = () => {
+      if (props.hasPerms) return props.hasPerms;
+      if (globalConfig.hasPerms) return globalConfig.hasPerms;
+      return () => true;
+    };
+    return () => {
+      var _a;
+      if (!slots) return null;
+      const permsFn = getPermsFn();
+      return permsFn(props.value) ? vue.createVNode(vue.Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : null;
+    };
+  }
+});
+
+exports.default = YcPerms;

package/lib/components/yc-plus-page/index.d.ts

@@ -0,0 +1,8 @@
+import { default as YcPlusPageComponent } from './src/index.vue';
+import { DefineComponent } from 'vue';
+
+export type { YcPlusPageProps } from './src/type';
+export type YcPlusPageInstance = InstanceType<typeof YcPlusPageComponent>;
+export declare const YcPlusPage: DefineComponent;
+export declare const RePlusPage: DefineComponent;
+export type { YcPlusPageProps as RePlusPageProps } from './src/type';

package/lib/components/yc-plus-page/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const YcPlusPage = index.default;
+const RePlusPage = index.default;
+
+exports.RePlusPage = RePlusPage;
+exports.YcPlusPage = YcPlusPage;