npm - tor-univer-sheet - Versions diffs - 1.0.0 - Mend

tor-univer-sheet 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/dist/tor-univer-sheet.es.js ADDED Viewed

@@ -0,0 +1,213 @@
+import { h as r } from "vue";
+const i = (e, n) => {
+  for (const o of n)
+    e[o] = null;
+};
+let t = {};
+function m(e) {
+  t = { ...t, ...e };
+}
+function c(e) {
+  return t[e];
+}
+const d = [
+  { label: "无", value: "no" },
+  { label: "年", value: "year" },
+  { label: "月", value: "month" },
+  { label: "周", value: "week" },
+  { label: "天", value: "day" },
+  { label: "班组", value: "shift" },
+  { label: "小时", value: "hour" },
+  { label: "半小时", value: "half_hour" }
+], l = [
+  {
+    title: "基本信息",
+    schemas: [
+      {
+        label: "指标名称",
+        field: "indicatorName",
+        component: "Input",
+        formItemProps: {
+          rules: [{ required: !0, message: "请输入指标名称", trigger: "blur" }]
+        },
+        render: ({ formModel: e }) => {
+          const n = c("IndicatorPointSelect");
+          return r(n, {
+            modelValue: e.indicatorName,
+            onSelect: (o) => {
+              const a = {
+                indicatorName: o?.indicatorName,
+                indicatorCode: o?.indicatorCoding,
+                indicatorId: o?.id,
+                indicatorDimensionName: o?.indicatorDimensionName,
+                indicatorDimensionConfig: o?.indicatorDimensionConfig
+              };
+              Object.assign(e, a);
+            },
+            onClear: () => {
+              i(e, [
+                "indicatorName",
+                "indicatorCode",
+                "indicatorId",
+                "indicatorDimensionName",
+                "indicatorDimensionConfig"
+              ]);
+            },
+            "onUpdate:modelValue": (o) => {
+              e.indicatorName = o;
+            }
+          });
+        }
+      },
+      {
+        label: "指标编码",
+        field: "indicatorCode",
+        component: "Input",
+        componentProps: {
+          disabled: !0
+        },
+        formItemProps: {
+          rules: [{ required: !0, message: "请输入指标编码", trigger: "blur" }]
+        }
+      },
+      {
+        label: "指标ID",
+        field: "indicatorId",
+        component: "Input",
+        componentProps: {
+          disabled: !0
+        },
+        formItemProps: {
+          rules: [{ required: !0, message: "请输入指标指标ID", trigger: "blur" }]
+        }
+      },
+      {
+        label: "维度名称",
+        field: "indicatorDimensionName",
+        component: "Input",
+        componentProps: {
+          disabled: !0
+        }
+      },
+      {
+        label: "维度编码",
+        field: "indicatorDimensionConfig",
+        component: "Input",
+        componentProps: {
+          disabled: !0
+        }
+      },
+      {
+        label: "是否必填",
+        field: "required",
+        component: "ElCheckbox"
+      }
+    ]
+  },
+  {
+    title: "时间条件",
+    schemas: [
+      {
+        label: "周期类型",
+        field: "cycleType",
+        component: "Select",
+        componentProps: (e) => ({
+          options: d.filter(
+            (n) => ![
+              "no",
+              "half_hour",
+              "shift",
+              "week"
+              /* 周 */
+            ].includes(n.value)
+          ),
+          onChange: (n) => {
+            e.cycleType = n, e.timeIncrement = 0, e.defaultShift = !1, e.forwardPush = !1;
+          }
+        })
+      },
+      {
+        label: "时间递增量",
+        field: "timeIncrement",
+        component: "InputNumber",
+        value: 0,
+        componentProps: {
+          min: 0,
+          precision: 0
+        }
+      },
+      {
+        label: "默认排班班次",
+        field: "defaultShift",
+        component: "ElCheckbox",
+        componentProps: (e) => ({
+          onChange: (n) => {
+            e.defaultShift = n, e.forwardPush = !1;
+          }
+        }),
+        hidden: (e) => ![
+          "day",
+          "hour"
+          /* 小时 */
+        ].includes(e.cycleType)
+      },
+      {
+        label: "向前推7天",
+        field: "forwardPush",
+        component: "ElCheckbox",
+        componentProps: (e) => ({
+          disabled: e.defaultShift
+        }),
+        hidden: (e) => e.cycleType !== "day"
+        /* 天 */
+      }
+      // {
+      //     label: '初始时间',
+      //     field: 'initialHour',
+      //     component: 'TimePicker',
+      //     componentProps: {
+      //         valueFormat: 'HH:00:00'
+      //     },
+      //     hidden: (formModel) => formModel.cycleType !== CycleTypeEnum.小时
+      // }
+    ]
+  },
+  {
+    title: "拓展形式",
+    schemas: [
+      {
+        label: "复制方式",
+        field: "copyType",
+        component: "Select",
+        componentProps: (e) => ({
+          options: [
+            { label: "向右", value: "right" },
+            { label: "向下", value: "down" }
+          ],
+          onClear: () => {
+            i(e, ["copyType", "copyInterval"]);
+          }
+        }),
+        value: null
+      },
+      {
+        label: "跨多少(行/列)复制",
+        field: "copyInterval",
+        component: "InputNumber",
+        value: 0,
+        componentProps: {
+          min: 0,
+          precision: 0
+        },
+        formItemProps: {
+          labelWidth: 130
+        }
+      }
+    ]
+  }
+], p = l, u = l.filter((e) => e.title !== "基本信息");
+export {
+  p as indicatorsFormSchemas,
+  m as registerExternalComponents,
+  u as timeConfigFormSchemas
+};

package/dist/tor-univer-sheet.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/types/components.d.ts ADDED Viewed

@@ -0,0 +1,52 @@
+export type ComponentName =
+  | 'Radio'
+  | 'RadioButton'
+  | 'Checkbox'
+  | 'ElCheckbox'
+  | 'CheckboxButton'
+  | 'Input'
+  | 'Autocomplete'
+  | 'InputNumber'
+  | 'Select'
+  | 'Cascader'
+  | 'Switch'
+  | 'Slider'
+  | 'TimePicker'
+  | 'DatePicker'
+  | 'Rate'
+  | 'ColorPicker'
+  | 'Transfer'
+  | 'Divider'
+  | 'TimeSelect'
+  | 'SelectV2'
+  | 'TreeSelect'
+export type ColProps = {
+  span?: number
+  xs?: number
+  sm?: number
+  md?: number
+  lg?: number
+  xl?: number
+  tag?: string
+}
+export type ComponentOptions = {
+  label?: string
+  value?: FormValueType
+  disabled?: boolean
+  key?: string | number
+  children?: ComponentOptions[]
+  options?: ComponentOptions[]
+} & Recordable
+export type ComponentOptionsAlias = {
+  labelField?: string
+  valueField?: string
+}
+export type ComponentProps = {
+  optionsAlias?: ComponentOptionsAlias
+  options?: ComponentOptions[]
+  optionsSlot?: boolean
+} & Recordable

package/dist/types/external-components.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Component } from 'vue';
+export interface IndicatorPointSelectProps {
+  modelValue?: string | number
+  type?: 'radio' | 'checkbox'
+  callback?: () => boolean
+  extra?: Record<string, any>
+  onSelect?: (data: Recordable) => void
+  onClear?: () => void
+  'onUpdate:modelValue'?: (value: string | number) => void
+}
+export interface ExternalComponents {
+  IndicatorPointSelect?: Component
+}

package/dist/types/form.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { CSSProperties } from 'vue';
+import { ColProps, ComponentProps, ComponentName } from './components';
+import { FormItemProps as ELementFormItemProps } from 'element-plus';
+export type FormSetPropsType = {
+  field: string
+  path: string
+  value: any
+}
+export type FormValueType = string | number | string[] | number[] | boolean | undefined | null
+export type FormItemProps = {
+  labelWidth?: string | number
+  required?: boolean
+  rules?: Recordable
+  error?: string
+  showMessage?: boolean
+  inlineMessage?: boolean
+  style?: CSSProperties
+  labelPosition?: 'left' | 'right' | 'top'
+}
+type FormItemPropsFnParams = {
+  schema: FormItemProps
+  formModel: Recordable
+}
+export type FormSchema = {
+  // 唯一值
+  field: string
+  // 标题
+  label?: string
+  // 提示
+  labelMessage?: string
+  // col组件属性
+  colProps?: ColProps
+  // 表单组件属性，slots对应的是表单组件的插槽，规则：${field}-xxx，具体可以查看element-plus文档
+  componentProps?: { slots?: Recordable } & ComponentProps | ((formModel: Recordable) => Recordable)
+  // formItem组件属性
+  formItemProps?: FormItemProps | ((params: FormItemPropsFnParams) => FormItemProps)
+  // 渲染的组件
+  component?: ComponentName
+  // 初始值
+  value?: FormValueType
+  // 是否隐藏
+  hidden?: boolean | ((formModel: Recordable) => boolean)
+  // 远程加载下拉项
+  api?: <T = any>() => Promise<T>
+  // 自定义渲染
+  render?: ({ schema, formModel }: { schema: FormSchema; formModel: Recordable }) => VNode
+}

package/dist/utils/decimal.d.ts ADDED Viewed

@@ -0,0 +1,59 @@
+import { default as Decimal } from 'decimal.js';
+declare class DecimalChain {
+    private value;
+    constructor(value: string | number | Decimal);
+    /**
+     * 加法运算
+     * @param num 要加的数
+     * @returns DecimalChain 实例，支持链式调用
+     */
+    add(num: string | number | Decimal): DecimalChain;
+    /**
+     * 减法运算
+     * @param num 要减的数
+     * @returns DecimalChain 实例，支持链式调用
+     */
+    subtract(num: string | number | Decimal): DecimalChain;
+    /**
+     * 乘法运算
+     * @param num 要乘的数
+     * @returns DecimalChain 实例，支持链式调用
+     */
+    multiply(num: string | number | Decimal): DecimalChain;
+    /**
+     * 除法运算
+     * @param num 要除的数
+     * @returns DecimalChain 实例，支持链式调用
+     * @throws 当除数为0时抛出错误
+     */
+    divide(num: string | number | Decimal): DecimalChain;
+    /**
+     * 保留小数位数
+     * @param dp 保留的小数位数
+     * @param rounding 舍入模式，默认为四舍五入
+     * @returns DecimalChain 实例，支持链式调用
+     */
+    toFixed(dp: number, rounding?: Decimal.Rounding): DecimalChain;
+    /**
+     * 返回当前值
+     * @returns Decimal 实例
+     */
+    valueOf(): Decimal;
+    /**
+     * 转换为字符串
+     * @returns 字符串表示
+     */
+    toString(): string;
+    /**
+     * 转换为数字
+     * @returns 数字表示
+     */
+    toNumber(): number;
+}
+/**
+ * 创建一个支持链式调用的 Decimal 实例
+ * @param value 初始值
+ * * @returns DecimalChain 实例
+ */
+export declare function decimal(value?: string | number | Decimal): DecimalChain;
+export {};

package/dist/utils/fileHelp.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare function openMultipleFileSelector(acceptTypes?: string, multiple?: boolean): Promise<unknown>;
+export declare function getXlsxData(file: File): Promise<unknown>;
+/**
+ * 下载axios导出的文件
+ * @param res
+ * @param _filename
+ */
+export declare const downloadBlobRes: (res: any, _filename?: string | undefined) => void;

package/dist/utils/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const handleClearInput: (model: Recordable, strList: string[]) => void;
2	+ export declare const generateUUID: () => string;

package/dist/utils/is.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+export declare const is: (val: unknown, type: string) => boolean;
+export declare const isDef: <T = unknown>(val?: T) => val is T;
+export declare const isUnDef: <T = unknown>(val?: T) => val is T;
+export declare const isObject: (val: any) => val is Record<any, any>;
+export declare const isEmpty: (val: any) => boolean;
+export declare const isDate: (val: unknown) => val is Date;
+export declare const isNull: (val: unknown) => val is null;
+export declare const isNullAndUnDef: (val: unknown) => val is null | undefined;
+export declare const isNullOrUnDef: (val: unknown) => val is null | undefined;
+export declare const isNumber: (val: unknown) => val is number;
+export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const isString: (val: unknown) => val is string;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isBoolean: (val: unknown) => val is boolean;
+export declare const isRegExp: (val: unknown) => val is RegExp;
+export declare const isArray: (val: any) => val is Array<any>;
+export declare const isWindow: (val: any) => val is Window;
+export declare const isElement: (val: unknown) => val is Element;
+export declare const isMap: (val: unknown) => val is Map<any, any>;
+export declare const isServer: boolean;
+export declare const isClient: boolean;
+export declare const isUrl: (path: string) => boolean;
+export declare const isDark: () => boolean;
+export declare const isImgPath: (path: string) => boolean;
+export declare const isPasswordComplex: (value: string) => boolean;
+export declare const isValidPassword: (value: string) => boolean;
+export declare const isEmptyVal: (val: any) => boolean;
+export declare const isContainsChinese: (val: string) => boolean;
+/**
+ * @description 判断是否为windows环境
+ * @returns
+ */
+export declare function isWindows(): boolean;

package/dist/utils/propTypes.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { VueTypeValidableDef, VueTypesInterface } from 'vue-types';
+import { CSSProperties } from 'vue';
+type PropTypes = VueTypesInterface & {
+    readonly style: VueTypeValidableDef<CSSProperties>;
+};
+declare const newPropTypes: PropTypes;
+declare class propTypes extends newPropTypes {
+    static get style(): VueTypeValidableDef<any, import('node_modules/vue-types/dist/shared/vue-types.d8e57a80.mjs').b<any>>;
+}
+export { propTypes };

package/package.json ADDED Viewed

@@ -0,0 +1,88 @@
+{
+  "name": "tor-univer-sheet",
+  "version": "1.0.0",
+  "description": "基于 Univer 的 Vue3 电子表格组件",
+  "author": "tortormore",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/tor-univer-sheet.umd.js",
+  "module": "./dist/tor-univer-sheet.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/tor-univer-sheet.es.js",
+      "require": "./dist/tor-univer-sheet.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "run-s lint:*",
+    "lint:oxlint": "oxlint . --fix",
+    "lint:eslint": "eslint . --fix --cache",
+    "format": "prettier --write --experimental-cli src/"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.20",
+    "decimal.js": "^10.6.0",
+    "element-plus": "^2.13.5",
+    "vue": "^3.5.0",
+    "xlsx": "^0.18.5"
+  },
+  "dependencies": {
+    "@univerjs/core": "^0.15.5",
+    "@univerjs/preset-sheets-advanced": "^0.15.5",
+    "@univerjs/preset-sheets-core": "^0.15.5",
+    "@univerjs/preset-sheets-drawing": "^0.15.5",
+    "@univerjs/preset-sheets-note": "^0.15.5",
+    "@univerjs/presets": "^0.15.5",
+    "@univerjs/ui": "^0.15.5",
+    "@univerjs/ui-adapter-vue3": "^0.15.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vue-types": "^6.0.0"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.4",
+    "@types/jsdom": "^28.0.0",
+    "@types/node": "^24.11.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "@vitest/eslint-plugin": "^1.6.9",
+    "@vue/eslint-config-typescript": "^14.7.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "dayjs": "^1.11.20",
+    "decimal.js": "^10.6.0",
+    "element-plus": "^2.13.5",
+    "eslint": "^10.0.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-oxlint": "~1.50.0",
+    "eslint-plugin-vue": "~10.8.0",
+    "jiti": "^2.6.1",
+    "jsdom": "^28.1.0",
+    "npm-run-all2": "^8.0.4",
+    "oxlint": "~1.50.0",
+    "prettier": "3.8.1",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-vue-devtools": "^8.0.6",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.29",
+    "vue-tsc": "^3.2.5",
+    "vue-types": "^6.0.0",
+    "xlsx": "^0.18.5"
+  },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  }
+}

package/src/App.vue ADDED Viewed

@@ -0,0 +1,16 @@
+<template>
+  <div style="width: 100%; height: 100vh">
+    <UniverSheet
+      :mode="ModeEnum.edit"
+      :license="''"
+      show-import-file-plugin
+      show-indicators-context-menu-plugin
+      show-time-config-context-menu-plugin
+    ></UniverSheet>
+  </div>
+</template>
+<script setup lang="ts">
+import UniverSheet from './components/UniverSheet/UniverSheet.vue'
+import { ModeEnum } from './components/UniverSheet/UniverSheet.data'
+</script>

package/src/components/ContentWrap/index.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import ContentWrap from './src/ContentWrap.vue'
+export { ContentWrap }

package/src/components/ContentWrap/src/ContentWrap.vue ADDED Viewed

@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import { propTypes } from '@/utils/propTypes'
+import { ElCard, ElTooltip } from 'element-plus'
+defineOptions({ name: 'ContentWrap' })
+const prefixCls = 'content-wrap'
+defineProps({
+  title: propTypes.string.def(''),
+  message: propTypes.string.def(''),
+  bodyStyle: propTypes.object.def({ padding: '10px' }),
+})
+</script>
+<template>
+  <ElCard :body-style="bodyStyle" :class="[prefixCls, 'mb-15px']" shadow="never">
+    <template v-if="title" #header>
+      <div class="flex items-center">
+        <span class="text-16px font-700">{{ title }}</span>
+        <ElTooltip v-if="message" effect="dark" placement="right">
+          <template #content>
+            <div class="max-w-200px">{{ message }}</div>
+          </template>
+          <!-- <Icon :size="14" class="ml-5px" icon="ep:question-filled" /> -->
+        </ElTooltip>
+        <div class="flex flex-grow pl-20px">
+          <slot name="header"></slot>
+        </div>
+      </div>
+      <div>
+        <slot name="right-btns"></slot>
+      </div>
+    </template>
+    <template v-else-if="$slots.header" #header>
+      <slot name="header"></slot>
+    </template>
+    <slot></slot>
+    <template v-if="$slots.footer" #footer>
+      <slot name="footer"></slot>
+    </template>
+  </ElCard>
+</template>
+<style scoped>
+.el-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>

package/src/components/Form/src/componentMap.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import type { Component } from 'vue'
+import {
+  ElCascader,
+  ElCheckbox,
+  ElCheckboxGroup,
+  ElColorPicker,
+  ElDatePicker,
+  ElInput,
+  ElInputNumber,
+  ElRadioGroup,
+  ElRate,
+  ElSelect,
+  ElSelectV2,
+  ElTreeSelect,
+  ElSlider,
+  ElSwitch,
+  ElTimePicker,
+  ElTimeSelect,
+  ElTransfer,
+  ElAutocomplete,
+  ElDivider
+} from 'element-plus'
+import { ComponentName } from '@/types/components'
+import InputNumberWrapper from './components/InputNumberWrapper.vue'
+const componentMap: Recordable<Component, ComponentName> = {
+  Radio: ElRadioGroup,
+  ElCheckbox: ElCheckbox,
+  Checkbox: ElCheckboxGroup,
+  CheckboxButton: ElCheckboxGroup,
+  Input: ElInput,
+  Autocomplete: ElAutocomplete,
+  // InputNumber: ElInputNumber,
+  InputNumber: InputNumberWrapper,
+  Select: ElSelect,
+  Cascader: ElCascader,
+  Switch: ElSwitch,
+  Slider: ElSlider,
+  TimePicker: ElTimePicker,
+  DatePicker: ElDatePicker,
+  Rate: ElRate,
+  ColorPicker: ElColorPicker,
+  Transfer: ElTransfer,
+  Divider: ElDivider,
+  TimeSelect: ElTimeSelect,
+  SelectV2: ElSelectV2,
+  TreeSelect: ElTreeSelect,
+  RadioButton: ElRadioGroup,
+}
+export { componentMap }

package/src/components/Form/src/components/InputNumberWrapper.vue ADDED Viewed

@@ -0,0 +1,12 @@
+<template>
+  <ElInputNumber v-bind="$attrs" controls-position="right" style="width: 100%;"/>
+</template>
+<script setup lang="ts">
+import { ElInputNumber } from 'element-plus'
+defineOptions({
+  name: 'InputNumberWrapper'
+})
+</script>