@oinone/kunlun-vue-ui-antd 6.2.0

package/dist/types/src/component/oio-upload/oio-upload.vue.d.ts

@@ -0,0 +1,187 @@
+import { ReturnPromise, ReturnVoid } from '@oinone/kunlun-shared';
+import { FileModel } from '@oinone/kunlun-vue-ui-common';
+interface FileItem {
+    uid: string;
+    size: number;
+}
+declare const _default: import("vue").DefineComponent<{
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    partSize: {
+        type: NumberConstructor;
+    };
+    chunkUploadThreshold: {
+        type: NumberConstructor;
+    };
+    parallel: {
+        type: NumberConstructor;
+    };
+    accept: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    uploadList: {
+        type: import("vue").PropType<FileModel[]>;
+    };
+    managed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cdnKey: {
+        type: StringConstructor;
+    };
+    contentType: {
+        type: StringConstructor;
+        default: string;
+    };
+    removeCallback: {
+        type: import("vue").PropType<(file: any) => ReturnPromise<boolean | ReturnVoid, boolean | ReturnVoid>>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    limitSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    listType: {
+        type: StringConstructor;
+    };
+    showUploadList: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeUpload: {
+        type: FunctionConstructor;
+    };
+    progress: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+    onReject: {
+        type: FunctionConstructor;
+    };
+    onDrop: {
+        type: FunctionConstructor;
+    };
+    customRequest: {
+        type: FunctionConstructor;
+    };
+}, {
+    uploadList: import("vue").Ref<{
+        uid: string;
+        id: string;
+        name: string;
+        url: string;
+        size?: number | undefined;
+    }[]>;
+    refreshKey: import("vue").Ref<number>;
+    realAccept: import("vue").ComputedRef<string>;
+    beforeUpload: (file: FileItem, fileList: FileItem[]) => boolean;
+    customRequest: Function;
+    remove: (file: any) => ReturnPromise<boolean | ReturnVoid>;
+    continuedUpload: import("vue").Ref<() => void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "failure")[], "success" | "failure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    partSize: {
+        type: NumberConstructor;
+    };
+    chunkUploadThreshold: {
+        type: NumberConstructor;
+    };
+    parallel: {
+        type: NumberConstructor;
+    };
+    accept: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    uploadList: {
+        type: import("vue").PropType<FileModel[]>;
+    };
+    managed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cdnKey: {
+        type: StringConstructor;
+    };
+    contentType: {
+        type: StringConstructor;
+        default: string;
+    };
+    removeCallback: {
+        type: import("vue").PropType<(file: any) => ReturnPromise<boolean | ReturnVoid, boolean | ReturnVoid>>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    limitSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    listType: {
+        type: StringConstructor;
+    };
+    showUploadList: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeUpload: {
+        type: FunctionConstructor;
+    };
+    progress: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+    onReject: {
+        type: FunctionConstructor;
+    };
+    onDrop: {
+        type: FunctionConstructor;
+    };
+    customRequest: {
+        type: FunctionConstructor;
+    };
+}>> & {
+    onSuccess?: ((...args: any[]) => any) | undefined;
+    onFailure?: ((...args: any[]) => any) | undefined;
+}, {
+    showUploadList: boolean;
+    multiple: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    managed: boolean;
+    manual: boolean;
+    contentType: string;
+    limit: number;
+    limitSize: number;
+}>;
+export default _default;

package/dist/types/src/index.d.ts

@@ -0,0 +1,2 @@
+import './style/index.scss';
+export * from './component';

package/dist/types/src/theme/index.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_PREFIX = "oio";

package/dist/types/src/vc-component/index.d.ts

@@ -0,0 +1 @@
+export * from './use-max-tag-placeholder';

package/dist/types/src/vc-component/use-max-tag-placeholder.d.ts

@@ -0,0 +1,7 @@
+export declare function useMaxTagPlaceholder(): {
+    defaultMaxTagPlaceholder: (values: {
+        label: string;
+    }[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};

package/index.ts

@@ -0,0 +1,3 @@
+export * from '@oinone/kunlun-shared';
+export * from '@oinone/kunlun-vue-ui-common';
+export * from './src';

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@oinone/kunlun-vue-ui-antd",
+  "version": "6.2.0",
+  "main": "index.ts",
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "rollup -c && npm run build-css",
+    "build-css": "sass --style compressed --no-source-map ./dist/oinone-kunlun-vue-ui-antd.scss ./dist/oinone-kunlun-vue-ui-antd.css",
+    "dist": "npm run prepublishOnly",
+    "index": "npm run postpublish",
+    "x-prepublishOnly": "node ../../scripts/prepublish-only.js",
+    "x-postpublish": "node ../../scripts/postpublish.js",
+    "doc": "typedoc --out docs src/index.ts"
+  },
+  "dependencies": {
+    "@oinone/kunlun-vue-ui-common": "6.2.0"
+  },
+  "devDependencies": {
+    "@oinone/kunlun-shared": "~6.2.0",
+    "@types/lodash": "4.14.182",
+    "@types/lodash-es": "4.17.6",
+    "ant-design-vue": "3.2.14",
+    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
+    "moment": "2.29.3",
+    "sass": "1.44.0",
+    "sass-loader": "10.1.1",
+    "vue": "3.2.40"
+  },
+  "peerDependencies": {
+    "ant-design-vue": ">=3.2.14",
+    "moment": ">=2.29.3",
+    "vue": ">=3.2.40"
+  },
+  "gitHead": "b65bbf1d649da1017810c5608473d5daa1a41f94"
+}

package/rollup.config.js

@@ -0,0 +1,15 @@
+import pkg from './package.json';
+import rollupConfig from '../../scripts/build.config.js';
+
+export default rollupConfig(pkg.name, [
+  '@ant-design/icons-vue',
+  '@oinone/kunlun-shared',
+  '@oinone/kunlun-vue-ui-common',
+  'ant-design-vue',
+  'ant-design-vue/lib/_util/hooks/useConfigInject.js',
+  'ant-design-vue/lib/tabs/src/TabContext.js',
+  'lodash',
+  'lodash-es',
+  'moment',
+  'vue'
+]);

package/src/component/index.ts

@@ -0,0 +1,32 @@
+export * from './oio-spin';
+
+export * from './oio-block';
+export * from './oio-breadcrumb';
+export * from './oio-button';
+export * from './oio-cascader';
+export * from './oio-checkbox';
+export * from './oio-collapse';
+export * from './oio-date-time-picker';
+export * from './oio-date-time-range-picker';
+export * from './oio-divider';
+export * from './oio-drawer';
+export * from './oio-dropdown';
+export * from './oio-empty';
+export * from './oio-form';
+export * from './oio-gallery';
+export * from './oio-group';
+export * from './oio-inner-popup';
+export * from './oio-input';
+export * from './oio-modal';
+export * from './oio-notification';
+export * from './oio-pagination';
+export * from './oio-popconfirm';
+export * from './oio-select';
+export * from './oio-slider';
+export * from './oio-switch';
+export * from './oio-tabs';
+export * from './oio-textarea';
+export * from './oio-tooltip';
+export * from './oio-tree';
+export * from './oio-tree-select';
+export * from './oio-upload';

package/src/component/oio-block/index.ts

@@ -0,0 +1,3 @@
+export { default as OioBlock } from './oio-block.vue';
+export { default as OioCol } from './oio-col.vue';
+export { default as OioRow } from './oio-row.vue';

package/src/component/oio-block/oio-block.vue

@@ -0,0 +1,77 @@
+<script lang="ts">
+import { CastHelper, StringHelper } from '@oinone/kunlun-shared';
+import {
+  FlexDirection,
+  LayoutHelper,
+  OioBlockProps,
+  PropRecordHelper,
+  StandardGutterType
+} from '@oinone/kunlun-vue-ui-common';
+import { isNil, isNumber, isString, toString } from 'lodash-es';
+import { createVNode, defineComponent } from 'vue';
+import { DEFAULT_PREFIX } from '../../theme';
+
+export default defineComponent({
+  name: 'OioBlock',
+  inheritAttrs: false,
+  props: {
+    ...OioBlockProps
+  },
+  render() {
+    const blockClassList: string[] = [`${DEFAULT_PREFIX}-block`];
+    let style = this.$attrs.style as CSSStyleDeclaration;
+    if (!style) {
+      style = {} as CSSStyleDeclaration;
+    }
+    if (this.flex) {
+      blockClassList.push(`${DEFAULT_PREFIX}-block-flex`);
+      if (this.inline) {
+        blockClassList.push(`${DEFAULT_PREFIX}-block-inline-flex`);
+      }
+      if (this.flexDirection === FlexDirection.Column) {
+        blockClassList.push(`${DEFAULT_PREFIX}-block-flex-direction-column`);
+      }
+      let { gutter } = this;
+      let standardGutter: StandardGutterType;
+      if (gutter) {
+        if (isNumber(gutter)) {
+          gutter = toString(gutter);
+        }
+        if (isString(gutter)) {
+          standardGutter = LayoutHelper.convertGutter(gutter);
+        } else {
+          standardGutter = gutter;
+        }
+        let needSetRowGap = false;
+        let needSetColumnGap = false;
+        if (isNil(style.rowGap)) {
+          needSetRowGap = true;
+        }
+        if (isNil(style.columnGap)) {
+          needSetColumnGap = true;
+        }
+        if (isNil(style.gap) && needSetRowGap && needSetColumnGap) {
+          style.gap = `${standardGutter[0]}px ${standardGutter[1]}px`;
+        } else {
+          if (needSetRowGap) {
+            style.rowGap = `${standardGutter[0]}px`;
+          }
+          if (needSetColumnGap) {
+            style.columnGap = `${standardGutter[1]}px`;
+          }
+        }
+      }
+    } else if (this.inline) {
+      blockClassList.push(`${DEFAULT_PREFIX}-block-inline`);
+    }
+    return createVNode(
+      'div',
+      {
+        class: StringHelper.append(blockClassList, CastHelper.cast(this.$attrs.class)),
+        style
+      },
+      PropRecordHelper.collectionSlots(this.$slots, [{ origin: 'default', isNotNull: true }])
+    );
+  }
+});
+</script>

package/src/component/oio-block/oio-col.vue

@@ -0,0 +1,32 @@
+<script lang="ts">
+import { CSSStyle, CastHelper } from '@oinone/kunlun-shared';
+import { ColProps, OioColProps, PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
+import { Col as ACol } from 'ant-design-vue';
+import { createVNode, defineComponent } from 'vue';
+import { DEFAULT_PREFIX } from '../../theme';
+
+export default defineComponent({
+  name: 'OioCol',
+  components: {
+    ACol
+  },
+  inheritAttrs: false,
+  props: {
+    ...OioColProps
+  },
+  render() {
+    const classList = [`${DEFAULT_PREFIX}-col`];
+    if (this.fixed) {
+      classList.push(`${DEFAULT_PREFIX}-col-fixed`);
+    }
+    return createVNode(
+      ACol,
+      {
+        ...PropRecordHelper.convert(ColProps, CastHelper.cast(this)),
+        ...PropRecordHelper.collectionBasicProps(this.$attrs, classList)
+      },
+      PropRecordHelper.collectionSlots(this.$slots, [{ origin: 'default', isNotNull: true }])
+    );
+  }
+});
+</script>

package/src/component/oio-block/oio-row.vue

@@ -0,0 +1,42 @@
+<script lang="ts">
+import { CastHelper, StringHelper } from '@oinone/kunlun-shared';
+import { FlexHelper, OioRowProps, PropRecordHelper, RowProps } from '@oinone/kunlun-vue-ui-common';
+import { Row as ARow } from 'ant-design-vue';
+import { computed, createVNode, defineComponent } from 'vue';
+import { DEFAULT_PREFIX } from '../../theme';
+
+export default defineComponent({
+  name: 'OioRow',
+  components: {
+    ARow
+  },
+  inheritAttrs: false,
+  props: {
+    ...OioRowProps
+  },
+  setup(props) {
+    const gutter = computed(() => {
+      const val = props.gutter;
+      if (typeof val === 'string') {
+        return FlexHelper.convertGutter(val);
+      }
+      return val;
+    });
+
+    return {
+      gutter
+    };
+  },
+  render() {
+    return createVNode(
+      ARow,
+      {
+        ...PropRecordHelper.convert(RowProps, CastHelper.cast(this)),
+        ...this.$attrs,
+        class: StringHelper.append([`${DEFAULT_PREFIX}-row`], CastHelper.cast(this.$attrs.class))
+      },
+      PropRecordHelper.collectionSlots(this.$slots, [{ origin: 'default', isNotNull: true }])
+    );
+  }
+});
+</script>

package/src/component/oio-block/style/a-col.scss

@@ -0,0 +1,18 @@
+@use 'sass:math';
+@import './parameters.scss';
+
+$ant-prefix: ant;
+
+// Grid system
+$grid-columns: 24;
+
+@mixin loop-grid-columns($index, $class: '') {
+  @while ($index > 0) {
+    .#{$ant-prefix}-col#{$class}-#{$index}.#{$prefix}-col-fixed {
+      min-width: percentage(math.div($index, $grid-columns));
+    }
+    $index: $index - 1;
+  }
+}
+
+@include loop-grid-columns($grid-columns);

package/src/component/oio-block/style/index.scss

@@ -0,0 +1,42 @@
+@import './parameters.scss';
+@import './a-col.scss';
+
+.#{$blockClassPrefix} {
+  display: block;
+}
+
+.#{$blockClassPrefix}-inline {
+  display: inline-block;
+}
+
+.#{$blockClassPrefix}-flex {
+  display: flex;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: center;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.#{$blockClassPrefix}-flex-direction-column {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.#{$blockClassPrefix}-inline-flex {
+  display: inline-flex;
+}
+
+.#{$rowClassPrefix} {
+  &.ant-row-top {
+    align-content: flex-start;
+  }
+
+  &.ant-row-middle {
+    align-content: center;
+  }
+
+  &.ant-row-bottom {
+    align-content: flex-end;
+  }
+}

package/src/component/oio-block/style/parameters.scss

@@ -0,0 +1,13 @@
+@import '../../../style/global-parameters.scss';
+
+$blockPrefix: $prefix + -block;
+$blockParameterPrefix: $parameterPrefix + -block;
+$blockClassPrefix: $blockPrefix;
+
+$rowPrefix: $prefix + -row;
+$rowParameterPrefix: $parameterPrefix + -row;
+$rowClassPrefix: $rowPrefix;
+
+$colPrefix: $prefix + -col;
+$colParameterPrefix: $parameterPrefix + -col;
+$colClassPrefix: $colPrefix;

package/src/component/oio-breadcrumb/index.ts

@@ -0,0 +1,2 @@
+export { default as OioBreadcrumb } from './oio-breadcrumb.vue';
+export { default as OioBreadcrumbItem } from './oio-breadcrumb-item.vue';

package/src/component/oio-breadcrumb/oio-breadcrumb-item.vue

@@ -0,0 +1,30 @@
+<script lang="ts">
+import { CastHelper, StringHelper } from '@oinone/kunlun-shared';
+import { OioBreadcrumbItemProps, PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
+import { BreadcrumbItem as ABreadcrumbItem } from 'ant-design-vue';
+import { createVNode, defineComponent } from 'vue';
+import { DEFAULT_PREFIX } from '../../theme';
+
+export default defineComponent({
+  name: 'OioBreadcrumbItem',
+  components: {
+    ABreadcrumbItem
+  },
+  inheritAttrs: false,
+  props: {
+    ...OioBreadcrumbItemProps
+  },
+  slots: ['default', 'separator', 'overlay'],
+  render() {
+    return createVNode(
+      ABreadcrumbItem,
+      {
+        ...PropRecordHelper.convert(OioBreadcrumbItemProps, CastHelper.cast(this)),
+        ...this.$attrs,
+        class: StringHelper.append([`${DEFAULT_PREFIX}-breadcrumb-item`], CastHelper.cast(this.$attrs.class))
+      },
+      PropRecordHelper.collectionSlots(this.$slots, ['default', 'separator', 'overlay'])
+    );
+  }
+});
+</script>

package/src/component/oio-breadcrumb/oio-breadcrumb.vue

@@ -0,0 +1,30 @@
+<script lang="ts">
+import { CastHelper, StringHelper } from '@oinone/kunlun-shared';
+import { OioBreadcrumbProps, PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
+import { Breadcrumb as ABreadcrumb } from 'ant-design-vue';
+import { createVNode, defineComponent } from 'vue';
+import { DEFAULT_PREFIX } from '../../theme';
+
+export default defineComponent({
+  name: 'OioBreadcrumb',
+  components: {
+    ABreadcrumb
+  },
+  inheritAttrs: false,
+  props: {
+    ...OioBreadcrumbProps
+  },
+  slots: ['default', 'separator', 'itemRender'],
+  render() {
+    return createVNode(
+      ABreadcrumb,
+      {
+        ...PropRecordHelper.convert(OioBreadcrumbProps, CastHelper.cast(this)),
+        ...this.$attrs,
+        class: StringHelper.append([`${DEFAULT_PREFIX}-breadcrumb`], CastHelper.cast(this.$attrs.class))
+      },
+      PropRecordHelper.collectionSlots(this.$slots, ['default', 'separator', 'itemRender'])
+    );
+  }
+});
+</script>

package/src/component/oio-button/index.ts

@@ -0,0 +1 @@
+export { default as OioButton } from './oio-button.vue';