yg-yygl 0.0.1

package/dist/components/main-container.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Icon } from '@udp/component-ui'
+
+defineProps<{
+  title?: string;
+  headerTitle?: string
+  showBack?: boolean
+  showHeader?: boolean
+}>();
+
+const emit = defineEmits(['back']);
+</script>
+<template>
+  <div
+    class="bg-background relative flex h-full w-full flex-col items-center overflow-hidden rounded-[var(--radius)] box-border"
+  >
+    <slot name="header">
+      <div v-if="showHeader" class="w-full flex items-center gap-1 p-4 border-b">
+        <template v-if="showBack">
+          <el-button size="large" type="info" link @click="emit('back')">
+            <Icon name="hx-line-built-in:arrow-left-s-line" />
+            返回
+          </el-button>
+          <el-divider direction="vertical" />
+        </template>
+        <div class="text-lg font-bold">
+          <slot name="header-title">{{ headerTitle }}</slot>
+        </div>
+      </div>
+    </slot>
+    <div class="w-full flex-1 overflow-hidden flex items-center">
+      <slot name="side"></slot>
+      <div class="flex h-full flex-1 flex-col overflow-hidden py-4">
+        <slot name="title">
+          <div v-if="title" class="w-full px-4 pb-4 text-xl font-bold">
+            {{ title }}
+          </div>
+        </slot>
+        <div class="flex w-full flex-1 flex-col overflow-y-hidden px-4 box-border">
+          <slot name="search"></slot>
+          <div class="flex w-full flex-1 flex-col overflow-y-hidden overflow-x-auto">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/components/main-container.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    headerTitle?: string;
+    showBack?: boolean;
+    showHeader?: boolean;
+};
+declare var __VLS_1: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'header-title'?: (props: typeof __VLS_19) => any;
+} & {
+    side?: (props: typeof __VLS_21) => any;
+} & {
+    title?: (props: typeof __VLS_23) => any;
+} & {
+    search?: (props: typeof __VLS_25) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/organ-account-select/index.d.ts

@@ -0,0 +1 @@
+export { default as OrganAccountSelect } from './src/organ-account-select.vue';

package/dist/components/organ-account-select/index.mjs

@@ -0,0 +1 @@
+export { default as OrganAccountSelect } from "./src/organ-account-select.vue";

package/dist/components/organ-account-select/src/organ-account-select.d.vue.ts

@@ -0,0 +1,41 @@
+import type { Account } from '../../../api/account/types';
+type Props = {
+    adminRequire?: boolean;
+    selectList?: Account[];
+    showTab?: boolean;
+};
+declare const _default: import("vue").DefineComponent<Props, {
+    selections: () => {
+        bindStatus?: number | undefined;
+        createTime?: string | undefined;
+        createUser?: number | undefined;
+        delFlag?: boolean | undefined;
+        departFullName?: string | undefined;
+        departmentName?: string | undefined;
+        departName?: string | undefined;
+        id: string;
+        type: number | string;
+        avatar?: string | undefined;
+        departmentId: string;
+        description?: string | undefined;
+        loginCode: string;
+        nickname: string;
+        postIds?: string[] | undefined;
+        roleIds: string[];
+        sort?: number | undefined;
+        status: number;
+        subPositions?: {
+            subDepartmentId: string;
+            subDepartmentName: string;
+            subPostIds: string[];
+        }[] | undefined;
+        telephone?: string | undefined;
+        userId?: string | undefined;
+        workNum?: string | undefined;
+    }[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    adminRequire: boolean;
+    selectList: Account[];
+    showTab: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/organ-account-select/src/organ-account-select.vue

@@ -0,0 +1,403 @@
+<script setup lang="tsx">
+import type { RenderContentFunction } from 'element-plus';
+import type Node from 'element-plus/es/components/tree/src/model/node';
+
+import type { Account, AccountQueryParams } from '../../../api/account/types';
+
+import { computed, onMounted, ref, watch } from 'vue';
+
+import { Icon } from '@udp/component-ui';
+import { useUserStore } from '@udp/stores';
+
+import { Search as SearchIcon } from '@element-plus/icons-vue';
+
+import { queryAccountList } from '../../../api/account';
+import { listDepartment } from '../../../api/department';
+import { AccountItem } from '../../account-item';
+
+type Props = {
+  adminRequire?: boolean;
+  selectList?: Account[];
+  showTab?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  showTab: true,
+  selectList: () => [],
+  adminRequire: false,
+});
+
+const currentAccountDepartmentId = computed(() => {
+  return useUserStore().accountInfo?.departmentId;
+});
+
+// 当前已选账号列表
+const selections = ref<Account[]>([...props.selectList]);
+
+// 当前组织下账号列表
+const currentOrganAccountList = ref<Account[]>([]);
+
+// 当前选中tab
+const currentTab = ref<'all' | 'current'>('all');
+
+watch(currentTab, () => {
+  isSearch.value = false;
+  searchText.value = '';
+  searchAccountList.value = [];
+});
+
+// 搜索文本
+const searchText = ref('');
+
+const isSearch = ref(false);
+
+// 搜索账号结果列表
+const searchAccountList = ref<Account[]>([]);
+
+// 搜索账号
+const searchAccount = async () => {
+  if (searchText.value.trim() === '') {
+    isSearch.value = false;
+    return;
+  }
+  try {
+    isSearch.value = true;
+    const params: AccountQueryParams = {
+      loginCode: searchText.value || '',
+    };
+    if (currentTab.value === 'current') {
+      params.departmentId = useUserStore().accountInfo?.departmentId;
+    }
+    const res = await queryAccountList(params);
+    searchAccountList.value =
+      res?.filter(
+        (item) =>
+          !props.adminRequire ||
+          (props.adminRequire && item.type !== 0 && item.type !== 1),
+      ) || [];
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// 树结构配置
+const treeProps = {
+  children: 'children',
+  label: 'departName',
+  value: 'id',
+  isLeaf: 'isLeaf',
+};
+
+// 加载树结构
+const load = async (node: Node, resolve: (data: any[]) => void) => {
+  const params: any = { departId: node?.data?.id, status: 1 };
+
+  const res = await listDepartment(params);
+  const result =
+    res?.length > 0
+      ? res.map((item: any) => {
+          return {
+            ...item,
+            type: 'organ',
+            isLeaf: false,
+          };
+        })
+      : [];
+  const accountRes = await queryAccountList({
+    departmentId: node?.data?.id || '0',
+  });
+  if (node?.data?.id || !props.adminRequire) {
+    accountRes?.length > 0 &&
+      result.push(
+        ...accountRes.map((item) => {
+          return {
+            ...item,
+            isAccount: true,
+            isLeaf: true,
+          };
+        }),
+      );
+  }
+  if (!node?.data?.id && props.adminRequire && accountRes?.length > 0) {
+    accountRes
+      .filter((item) => item.type === 0 || item.type === 1)
+      ?.forEach((item) => {
+        handleCurrentOrganAccountClick(item);
+      });
+  }
+  resolve(result);
+};
+
+// 渲染账号选项
+interface RenderAccountOptions {
+  showAvatar?: boolean;
+  hasAvatarBg?: boolean;
+  showDepartment?: boolean;
+  showClose?: boolean;
+}
+
+// 渲染账号
+const renderAccount = (account: Account, options?: RenderAccountOptions) => {
+  const { showAvatar, hasAvatarBg, showDepartment, showClose } = options || {
+    showAvatar: true,
+    hasAvatarBg: true,
+    showDepartment: true,
+    showClose: true,
+  };
+  return (
+    <div class="flex items-center justify-between">
+      <div class="flex h-max items-center gap-2">
+        {showAvatar && hasAvatarBg && (
+          <div class="bg-primary-300 flex h-[30px] w-[30px] items-center justify-center rounded-full">
+            <Icon class="text-white" name="mynaui:user-solid" size={18} />
+          </div>
+        )}
+        {showAvatar && !hasAvatarBg && (
+          <Icon class="text-gray-500" name="uil:user" />
+        )}
+        <div class="flex flex-col">
+          <div class="text-sm">
+            {account.nickname} | {account.loginCode}
+          </div>
+          {showDepartment && (
+            <div class="text-xs text-gray-500">
+              {account.departFullName ||
+                account.departmentName ||
+                account.departName ||
+                '暂无组织数据'}
+            </div>
+          )}
+        </div>
+      </div>
+      {showClose && (
+        <Icon
+          class="text-gray-500 hover:scale-125"
+          clickable={true}
+          name="ep:close"
+          onClick={() => {
+            selections.value = selections.value.filter(
+              (item) => item.id !== account.id,
+            );
+          }}
+        />
+      )}
+    </div>
+  );
+};
+
+// 渲染树结构内容
+const renderContent: RenderContentFunction = (h, { node, data }) => {
+  if (data.isAccount) {
+    return h('div', {}, [
+      renderAccount(data as Account, {
+        showAvatar: true,
+        hasAvatarBg: false,
+        showDepartment: false,
+      }),
+    ]);
+  }
+  return h(
+    'div',
+    {
+      class: 'w-full flex items-center gap-2',
+    },
+    [
+      h(Icon, {
+        name: 'clarity:organization-line',
+        class: 'text-gray-500',
+      }),
+      h('span', null, node.label),
+    ],
+  );
+};
+
+const deleteAccount = (id: string) => {
+  selections.value = selections.value.filter((item) => item.id !== id);
+};
+
+// 清空已选账号
+const handleClear = () => {
+  if (props.adminRequire) {
+    selections.value.filter((item) => item.type !== 0 && item.type !== 1);
+  } else {
+    selections.value = [];
+  }
+};
+
+// 全部数据节点点击
+const handleNodeClick = (data: Account & { isAccount: boolean }) => {
+  if (data.isAccount && !selections.value.some((item) => item.id === data.id)) {
+    selections.value.push(data as Account);
+  }
+
+  console.log(selections.value);
+};
+
+// 当前组织账号点击
+const handleCurrentOrganAccountClick = (data: Account) => {
+  handleNodeClick({ ...data, isAccount: true });
+};
+
+// 获取当前组织账号列表
+const getCurrentOrganAccountList = async () => {
+  currentOrganAccountList.value = await queryAccountList({
+    departmentId: useUserStore().accountInfo?.departmentId,
+  });
+};
+
+// 生命周期
+onMounted(() => {
+  if (
+    props.showTab &&
+    currentAccountDepartmentId.value &&
+    currentAccountDepartmentId.value !== '0'
+  ) {
+    getCurrentOrganAccountList();
+  }
+});
+
+// 暴露方法
+defineExpose({
+  selections: () => selections.value,
+});
+</script>
+
+<template>
+  <div class="box-border w-full">
+    <el-input
+      class="w-[49%]"
+      v-model="searchText"
+      placeholder="请输入登录账号"
+      clearable
+    >
+      <template #append>
+        <el-button :icon="SearchIcon" @click="searchAccount" />
+      </template>
+    </el-input>
+    <div class="mt-4 flex h-[50vh] w-full items-center justify-between gap-4">
+      <div
+        class="h-full w-[49%] rounded-[var(--radius)] border-[1px] border-gray-200"
+      >
+        <div
+          v-if="
+            showTab &&
+            currentAccountDepartmentId &&
+            currentAccountDepartmentId !== '0'
+          "
+          class="relative flex w-full items-center border-b border-gray-200"
+        >
+          <div
+            class="h-full flex-1 cursor-pointer text-center leading-[40px]"
+            :class="{
+              'text-primary': currentTab === 'all',
+            }"
+            @click="currentTab = 'all'"
+          >
+            全部数据
+          </div>
+          <div
+            class="h-full flex-1 cursor-pointer text-center leading-[40px]"
+            :class="{
+              'text-primary': currentTab === 'current',
+            }"
+            @click="currentTab = 'current'"
+          >
+            当前组织
+          </div>
+          <div
+            class="absolute bottom-0 left-0 w-[50%] transition-all duration-300"
+            :class="{
+              'left-1/2': currentTab === 'current',
+            }"
+          >
+            <div class="border-primary mx-auto w-10 border-b-2"></div>
+          </div>
+        </div>
+        <!-- 搜索结果 -->
+        <div
+          v-show="isSearch"
+          class="flex h-[calc(100%-40px)] flex-col gap-2 overflow-y-auto"
+        >
+          <AccountItem
+            v-for="item in searchAccountList"
+            :key="item.id"
+            class="w-full cursor-pointer px-4 py-2"
+            :account="item"
+            show-avatar
+            show-avatar-img
+            show-department
+            @click="handleCurrentOrganAccountClick(item)"
+          />
+          <el-empty
+            v-if="searchAccountList.length === 0"
+            description="暂无数据"
+          />
+        </div>
+        <!-- 全部数据 -->
+        <el-tree
+          v-if="currentTab === 'all' && !isSearch"
+          class="h-[calc(100%-40px)] w-full overflow-y-auto bg-transparent py-2"
+          :props="treeProps"
+          node-key="id"
+          :lazy="true"
+          :load="load"
+          :render-content="renderContent"
+          @node-click="handleNodeClick"
+        />
+        <!-- 当前组织 -->
+        <div
+          v-show="currentTab === 'current' && !isSearch"
+          class="flex h-[calc(100%-40px)] flex-col gap-2 overflow-y-auto p-3"
+        >
+          <AccountItem
+            v-for="item in currentOrganAccountList"
+            :key="item.id"
+            class="w-full cursor-pointer"
+            :account="item"
+            show-avatar
+            show-avatar-img
+            show-department
+            @click="handleCurrentOrganAccountClick(item)"
+          />
+        </div>
+      </div>
+      <div
+        class="box-border flex h-full w-[49%] flex-1 flex-col rounded-lg border-[1px] border-gray-200 dark:border-gray-700"
+      >
+        <div class="flex w-full items-center justify-between p-3">
+          <div>已选（{{ selections.length }}）</div>
+          <el-button type="primary" link @click="handleClear">
+            清空列表
+          </el-button>
+        </div>
+        <div
+          class="flex w-full flex-1 flex-col gap-2 overflow-y-auto px-3 py-2"
+        >
+          <!-- 已选列表 -->
+          <template v-if="selections.length > 0">
+            <!-- <div
+              v-for="item in selections"
+              :key="item.id"
+              class="w-full px-4 py-2"
+            >
+          </div> -->
+            <AccountItem
+              v-for="item in selections"
+              :key="item.id"
+              :account="item"
+              show-avatar
+              show-avatar-img
+              show-department
+              show-close
+              :disabled="
+                props.adminRequire && (item.type === 0 || item.type === 1)
+              "
+              @close="deleteAccount"
+            />
+          </template>
+          <el-empty v-else description="暂无数据" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/components/organ-account-select/src/organ-account-select.vue.d.ts

@@ -0,0 +1,41 @@
+import type { Account } from '../../../api/account/types';
+type Props = {
+    adminRequire?: boolean;
+    selectList?: Account[];
+    showTab?: boolean;
+};
+declare const _default: import("vue").DefineComponent<Props, {
+    selections: () => {
+        bindStatus?: number | undefined;
+        createTime?: string | undefined;
+        createUser?: number | undefined;
+        delFlag?: boolean | undefined;
+        departFullName?: string | undefined;
+        departmentName?: string | undefined;
+        departName?: string | undefined;
+        id: string;
+        type: number | string;
+        avatar?: string | undefined;
+        departmentId: string;
+        description?: string | undefined;
+        loginCode: string;
+        nickname: string;
+        postIds?: string[] | undefined;
+        roleIds: string[];
+        sort?: number | undefined;
+        status: number;
+        subPositions?: {
+            subDepartmentId: string;
+            subDepartmentName: string;
+            subPostIds: string[];
+        }[] | undefined;
+        telephone?: string | undefined;
+        userId?: string | undefined;
+        workNum?: string | undefined;
+    }[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    adminRequire: boolean;
+    selectList: Account[];
+    showTab: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/seal/seal-designer.d.vue.ts

@@ -0,0 +1,19 @@
+import type { SealConfig } from '../api/seal/types';
+interface Props {
+    modelValue?: SealConfig;
+    readonly?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {
+    getSealImage: () => string;
+    drawSeal: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SealConfig) => any;
+    change: (value: SealConfig) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SealConfig) => any) | undefined;
+    onChange?: ((value: SealConfig) => any) | undefined;
+}>, {
+    modelValue: SealConfig;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;