@solar-angular/ui-zorro 1.0.0

package/fesm2022/solar-angular-ui-zorro-crud.mjs

@@ -0,0 +1,180 @@
+import { form } from '@fluent-form/core';
+import { finalize, tap, shareReplay } from 'rxjs';
+import * as i0 from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
+import * as i1 from 'ng-zorro-antd/drawer';
+import { NzDrawerModule } from 'ng-zorro-antd/drawer';
+import * as i3 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2 from 'ng-zorro-antd/spin';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import * as i4 from 'ng-zorro-antd/typography';
+import { NzTypographyModule } from 'ng-zorro-antd/typography';
+import { MenuService } from '@solar-angular/planets/earth';
+import { MessageService } from '@solar-angular/ui-zorro/message';
+
+class Editor {
+    constructor() {
+        this._visible = false;
+        /** 模型初始值 */
+        this.originalModel = {};
+        this.model = {};
+        this.loading = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.schema = form(() => { });
+        /** 是否在保存完之后固定抽屉 */
+        this.pin = false;
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        // 手动判断一下，因为双向绑定的原因，这里会被设置两次
+        if (this._visible !== value) {
+            if (!value) {
+                this.reset(); // 关闭的时候自动重置
+            }
+        }
+        this._visible = value;
+    }
+    /**
+     * 自动控制 loading 状态
+     */
+    withLoading() {
+        this.loading = true;
+        return (observable) => {
+            return observable.pipe(finalize(() => this.loading = false));
+        };
+    }
+    /**
+     * next 时自动重置表单 或 收起编辑器
+     */
+    withAttach() {
+        return (observable) => observable.pipe(tap(() => this.pin ? this.reset() : this.dismiss()));
+    }
+    /**
+     * 呈现编辑器
+     */
+    present() {
+        this.visible = true;
+    }
+    /**
+     * 关闭编辑器
+     */
+    dismiss() {
+        this.visible = false;
+    }
+    togglePin() {
+        this.pin = !this.pin;
+    }
+    reset() {
+        this.fill({});
+    }
+    fill(model) {
+        this.originalModel = model;
+        this.model = model;
+    }
+}
+
+class SunEditorDrawer {
+    constructor() {
+        this.width = 600;
+        this.primaryKey = 'id';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunEditorDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SunEditorDrawer, isStandalone: true, selector: "sun-editor-drawer", inputs: { editor: "editor", width: "width", primaryKey: "primaryKey" }, ngImport: i0, template: "<nz-drawer\n  nzWrapClassName=\"sun-editor-drawer-wrapper\"\n  [nzWidth]=\"width\"\n  [nzClosable]=\"false\"\n  [nzTitle]=\"editorTitle\"\n  [nzFooter]=\"editorFooter\"\n  [(nzVisible)]=\"editor.visible\"\n  (nzOnClose)=\"editor.visible = false\">\n  <nz-spin *nzDrawerContent [nzSpinning]=\"editor.loading\">\n    <ng-content />\n  </nz-spin>\n</nz-drawer>\n\n<ng-template #editorTitle>\n  <div>{{ editor.model[primaryKey] ? '\u7F16\u8F91\u6761\u76EE' : '\u65B0\u589E\u6761\u76EE' }}</div>\n\n  <span nz-icon nzType=\"pushpin\" [nzTheme]=\"editor.pin ? 'twotone' : 'outline'\" (click)=\"editor.togglePin()\"></span>\n</ng-template>\n\n<ng-template #editorFooter>\n  <small nz-typography nzType=\"secondary\">\n    \u6CE8\u610F\uFF1A\u6807\u7B7E\u4E0A\u5E26\u6709\n    <span nz-typography nzType=\"danger\" style=\"font-family: SimSun, sans-serif\">*</span>\n    \u7B26\u53F7\u7684\u9879\u76EE\u4E3A\u5FC5\u586B\u9879\n  </small>\n</ng-template>\n", styles: ["::ng-deep .sun-editor-drawer-wrapper .ant-drawer-title{display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i1.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i1.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i2.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTypographyModule }, { kind: "component", type: i4.NzTypographyComponent, selector: "  nz-typography,  [nz-typography],  p[nz-paragraph],  span[nz-text],  h1[nz-title], h2[nz-title], h3[nz-title], h4[nz-title]  ", inputs: ["nzCopyable", "nzEditable", "nzDisabled", "nzExpandable", "nzEllipsis", "nzCopyTooltips", "nzCopyIcons", "nzEditTooltip", "nzEditIcon", "nzContent", "nzEllipsisRows", "nzType", "nzCopyText", "nzSuffix"], outputs: ["nzContentChange", "nzCopy", "nzExpandChange", "nzOnEllipsis"], exportAs: ["nzTypography"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunEditorDrawer, decorators: [{
+            type: Component,
+            args: [{ selector: 'sun-editor-drawer', standalone: true, imports: [
+                        NzDrawerModule,
+                        NzSpinModule,
+                        NzIconModule,
+                        NzTypographyModule
+                    ], template: "<nz-drawer\n  nzWrapClassName=\"sun-editor-drawer-wrapper\"\n  [nzWidth]=\"width\"\n  [nzClosable]=\"false\"\n  [nzTitle]=\"editorTitle\"\n  [nzFooter]=\"editorFooter\"\n  [(nzVisible)]=\"editor.visible\"\n  (nzOnClose)=\"editor.visible = false\">\n  <nz-spin *nzDrawerContent [nzSpinning]=\"editor.loading\">\n    <ng-content />\n  </nz-spin>\n</nz-drawer>\n\n<ng-template #editorTitle>\n  <div>{{ editor.model[primaryKey] ? '\u7F16\u8F91\u6761\u76EE' : '\u65B0\u589E\u6761\u76EE' }}</div>\n\n  <span nz-icon nzType=\"pushpin\" [nzTheme]=\"editor.pin ? 'twotone' : 'outline'\" (click)=\"editor.togglePin()\"></span>\n</ng-template>\n\n<ng-template #editorFooter>\n  <small nz-typography nzType=\"secondary\">\n    \u6CE8\u610F\uFF1A\u6807\u7B7E\u4E0A\u5E26\u6709\n    <span nz-typography nzType=\"danger\" style=\"font-family: SimSun, sans-serif\">*</span>\n    \u7B26\u53F7\u7684\u9879\u76EE\u4E3A\u5FC5\u586B\u9879\n  </small>\n</ng-template>\n", styles: ["::ng-deep .sun-editor-drawer-wrapper .ant-drawer-title{display:flex;justify-content:space-between;align-items:center}\n"] }]
+        }], propDecorators: { editor: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], primaryKey: [{
+                type: Input
+            }] } });
+
+class Searcher {
+    constructor() {
+        this.model = {};
+    }
+    reset() {
+        this.form?.reset({});
+    }
+}
+
+/**
+ * 增删改查页面
+ * @template T Searcher 的模型类型
+ * @template U Editor 的模型类型，默认为 T
+ * @template V Data 的模型类型，默认为 U
+ */
+class CrudPage {
+    constructor() {
+        this.data = [];
+        this.pageSize = 10;
+        this.pageNo = 1;
+        this.loading = false;
+        this.searcher = new Searcher();
+        this.editor = new Editor();
+        /** 当前页面的菜单列 */
+        this.menus$ = inject(MenuService).menus$.pipe(shareReplay(1));
+        this.message = inject(MessageService);
+    }
+    withTableLoading() {
+        return (observable) => {
+            this.loading = true;
+            return observable.pipe(finalize(() => this.loading = false));
+        };
+    }
+    /**
+     * {@link MessageService.withLoading()} 的快捷方式
+     * @param content
+     */
+    withLoading(content) {
+        return this.message.withLoading(content);
+    }
+    /**
+     * {@link MessageService.withDeleteLoading()} 的快捷方式
+     * @param content
+     */
+    withDeleteLoading() {
+        return this.message.withDeleteLoading();
+    }
+    /**
+     * {@link MessageService.withSaveLoading()} 的快捷方式
+     * @param content
+     */
+    withSaveLoading() {
+        return this.message.withSaveLoading();
+    }
+    /**
+     * 编辑
+     * @param entity
+     */
+    edit(entity) {
+        this.editor.fill(entity);
+        this.editor.present();
+    }
+}
+/**
+ * 带分页的增删改查页面
+ * @template T Searcher 的模型类型
+ * @template U Editor 的模型类型，默认为 T
+ * @template V Data 的模型类型，默认为 U
+ */
+class PagingCrudPage extends CrudPage {
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CrudPage, Editor, PagingCrudPage, Searcher, SunEditorDrawer };
+//# sourceMappingURL=solar-angular-ui-zorro-crud.mjs.map

package/fesm2022/solar-angular-ui-zorro-crud.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"solar-angular-ui-zorro-crud.mjs","sources":["../../../packages/ui-zorro/crud/editor.ts","../../../packages/ui-zorro/crud/editor-drawer/editor-drawer.component.ts","../../../packages/ui-zorro/crud/editor-drawer/editor-drawer.component.html","../../../packages/ui-zorro/crud/searcher.ts","../../../packages/ui-zorro/crud/page.ts","../../../packages/ui-zorro/crud/solar-angular-ui-zorro-crud.ts"],"sourcesContent":["import { FormGroup } from '@angular/forms';\nimport { AbstractFormGroupSchema, form } from '@fluent-form/core';\nimport { Observable, finalize, tap } from 'rxjs';\n\nexport class Editor<T> {\n  private _visible = false;\n  /** 模型初始值 */\n  originalModel: T = {} as T;\n  model: T = {} as T;\n  loading = false;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  schema: AbstractFormGroupSchema = form(() => { });\n  /** 是否在保存完之后固定抽屉 */\n  pin = false;\n  form?: FormGroup;\n\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  set visible(value: boolean) {\n    // 手动判断一下，因为双向绑定的原因，这里会被设置两次\n    if (this._visible !== value) {\n      if (!value) {\n        this.reset(); // 关闭的时候自动重置\n      }\n    }\n    this._visible = value;\n  }\n\n  /**\n   * 自动控制 loading 状态\n   */\n  withLoading<X>() {\n    this.loading = true;\n    return (observable: Observable<X>) => {\n      return observable.pipe(\n        finalize(() => this.loading = false)\n      );\n    };\n  }\n\n  /**\n   * next 时自动重置表单 或 收起编辑器\n   */\n  withAttach<X>() {\n    return (observable: Observable<X>) => observable.pipe(\n      tap(() => this.pin ? this.reset() : this.dismiss())\n    );\n  }\n\n  /**\n   * 呈现编辑器\n   */\n  present() {\n    this.visible = true;\n  }\n\n  /**\n   * 关闭编辑器\n   */\n  dismiss() {\n    this.visible = false;\n  }\n\n  togglePin() {\n    this.pin = !this.pin;\n  }\n\n  reset() {\n    this.fill({} as T);\n  }\n\n  fill(model: T) {\n    this.originalModel = model;\n    this.model = model;\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { NzDrawerModule } from 'ng-zorro-antd/drawer';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzSpinModule } from 'ng-zorro-antd/spin';\nimport { NzTypographyModule } from 'ng-zorro-antd/typography';\nimport { Editor } from '../editor';\n\n@Component({\n  selector: 'sun-editor-drawer',\n  standalone: true,\n  imports: [\n    NzDrawerModule,\n    NzSpinModule,\n    NzIconModule,\n    NzTypographyModule\n  ],\n  templateUrl: './editor-drawer.component.html',\n  styleUrl: './editor-drawer.component.scss'\n})\nexport class SunEditorDrawer<T extends Record<string, any>> {\n  @Input() editor!: Editor<T>;\n  @Input() width: string | number = 600;\n  @Input() primaryKey = 'id';\n}\n","<nz-drawer\n  nzWrapClassName=\"sun-editor-drawer-wrapper\"\n  [nzWidth]=\"width\"\n  [nzClosable]=\"false\"\n  [nzTitle]=\"editorTitle\"\n  [nzFooter]=\"editorFooter\"\n  [(nzVisible)]=\"editor.visible\"\n  (nzOnClose)=\"editor.visible = false\">\n  <nz-spin *nzDrawerContent [nzSpinning]=\"editor.loading\">\n    <ng-content />\n  </nz-spin>\n</nz-drawer>\n\n<ng-template #editorTitle>\n  <div>{{ editor.model[primaryKey] ? '编辑条目' : '新增条目' }}</div>\n\n  <span nz-icon nzType=\"pushpin\" [nzTheme]=\"editor.pin ? 'twotone' : 'outline'\" (click)=\"editor.togglePin()\"></span>\n</ng-template>\n\n<ng-template #editorFooter>\n  <small nz-typography nzType=\"secondary\">\n    注意：标签上带有\n    <span nz-typography nzType=\"danger\" style=\"font-family: SimSun, sans-serif\">*</span>\n    符号的项目为必填项\n  </small>\n</ng-template>\n","import { FormGroup } from '@angular/forms';\nimport { AbstractFormGroupSchema } from '@fluent-form/core';\n\nexport class Searcher<T> {\n  form?: FormGroup;\n  model: Partial<T> = {};\n\n  schema!: AbstractFormGroupSchema;\n\n  reset() {\n    this.form?.reset({});\n  }\n}\n","import { inject } from '@angular/core';\nimport { MenuService } from '@solar-angular/planets/earth';\nimport { MessageService } from '@solar-angular/ui-zorro/message';\nimport { Menu } from '@solar-kit/planets/earth';\nimport { finalize, Observable, shareReplay } from 'rxjs';\nimport { Editor } from './editor';\nimport { Searcher } from './searcher';\n\n/**\n * 增删改查页面\n * @template T Searcher 的模型类型\n * @template U Editor 的模型类型，默认为 T\n * @template V Data 的模型类型，默认为 U\n */\nexport abstract class CrudPage<T, U = T, V = U> {\n  protected data: V[] = [];\n\n  protected pageSize = 10;\n  protected pageNo = 1;\n\n  protected loading = false;\n\n  protected searcher = new Searcher<T>();\n  protected editor = new Editor<U>();\n\n  /** 当前页面的菜单列 */\n  readonly menus$: Observable<Menu[]> = inject(MenuService).menus$.pipe(shareReplay(1));\n  readonly message = inject(MessageService);\n\n  protected withTableLoading<X>() {\n    return (observable: Observable<X>) => {\n      this.loading = true;\n      return observable.pipe(\n        finalize(() => this.loading = false)\n      );\n    };\n  }\n\n  /**\n   * {@link MessageService.withLoading()} 的快捷方式\n   * @param content\n   */\n  protected withLoading<X>(content?: string) {\n    return this.message.withLoading<X>(content);\n  }\n\n  /**\n   * {@link MessageService.withDeleteLoading()} 的快捷方式\n   * @param content\n   */\n  protected withDeleteLoading<X>() {\n    return this.message.withDeleteLoading<X>();\n  }\n\n  /**\n   * {@link MessageService.withSaveLoading()} 的快捷方式\n   * @param content\n   */\n  protected withSaveLoading<X>() {\n    return this.message.withSaveLoading<X>();\n  }\n\n  /**\n   * 编辑\n   * @param entity\n   */\n  protected edit(entity: U) {\n    this.editor.fill(entity);\n    this.editor.present();\n  }\n}\n\n/**\n * 带分页的增删改查页面\n * @template T Searcher 的模型类型\n * @template U Editor 的模型类型，默认为 T\n * @template V Data 的模型类型，默认为 U\n */\nexport abstract class PagingCrudPage<T, U = T, V = U> extends CrudPage<T, U, V> {\n  protected totalSize!: number;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/solar-angular-ui-zorro-fluent-form.mjs

@@ -0,0 +1,196 @@
+import { button, text, number, toggle, radioGroup, checkboxGroup, select, cascader, datePicker, dateRangePicker, headless } from '@fluent-form/ui-zorro';
+import { levels2tree, tree2list } from '@solar-angular/core';
+import { form } from '@fluent-form/core';
+
+function searchButton() {
+    return button().icon('search').content('查询').type('primary');
+}
+function addButton() {
+    return button().icon('plus').content('新增').type('primary').mode('button');
+}
+function saveButton() {
+    return button()
+        .content('保存')
+        .type('primary')
+        .variants({ block: true })
+        .disabled(({ control }) => control.invalid);
+}
+
+function cellphoneText(key = 'cellphone', length = 11) {
+    return text(key).type('tel').length(length);
+}
+function integer(key) {
+    return number(key).precision(0);
+}
+function enabledToggle(key = 'enabled', defaultValue = true) {
+    return toggle(key).placeholder(['有效', '无效']).defaultValue(defaultValue);
+}
+function finishedToggle(key = 'finished', defaultValue = false) {
+    return toggle(key).placeholder(['已完成', '未完成']).defaultValue(defaultValue);
+}
+function genderRadioGroup(key = 'gender') {
+    return radioGroup(key).options([
+        { label: '女', value: 0 /* Gender.Woman */ },
+        { label: '男', value: 1 /* Gender.Man */ }
+    ]);
+}
+function categoryCascader(key, channels, categories) {
+    return entityCascader(key).options(levels2tree([channels, categories], 'channel'));
+}
+/**
+ * 通用的实体多选框
+ *
+ * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'
+ * @param key
+ */
+function entityCheckboxGroup(key) {
+    return checkboxGroup(key).config({ labelProperty: 'fullName', valueProperty: 'id' });
+}
+/**
+ * 通用的实体单选框
+ *
+ * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'
+ * @param key
+ */
+function entityRadioGroup(key) {
+    return radioGroup(key).config({ labelProperty: 'fullName', valueProperty: 'id' });
+}
+/**
+ * 通用的实体选择器
+ *
+ * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'
+ * @param key
+ */
+function entitySelect(key) {
+    return select(key).config({ labelProperty: 'fullName', valueProperty: 'id' });
+}
+/**
+ * 通用的实体联级选择器
+ *
+ * - 多字段模式下不支持以下选项：
+ *   - 不支持使用函数作为 options
+ *   - 不支持 fetchOptions 选项
+ *
+ * options 选项可以使用 `list2tree()` 或 `levels2tree()` 来构造
+ *
+ * @param key
+ */
+function entityCascader(key) {
+    let list;
+    return cascader(key)
+        .trigger('hover')
+        .mapper({
+        parser: (value, schema) => {
+            if (!value)
+                return null;
+            // 如果输入的是数组，则说明当前是多字段模式，不需要做处理
+            if (Array.isArray(value))
+                return value;
+            // 如果输入的是叶子节点，我们需要转为 [父节点, ..., 叶子节点]
+            list ??= tree2list(schema.options);
+            // 找到选中的叶子节点
+            let node = list.find(node => node.id === value && node.isLeaf);
+            const levels = [];
+            while (node) {
+                levels.unshift(node.id);
+                node = node.parent;
+            }
+            return levels;
+        },
+        formatter: value => {
+            // 多字段模式，不需要处理
+            if (Array.isArray(key))
+                return value;
+            // 输出的是节点数组，我们只要叶子节点
+            return value?.[value.length - 1];
+        }
+    })
+        .config({ labelProperty: 'fullName', valueProperty: 'id' });
+}
+function datetimePicker(key, format = 'yyyy-MM-dd HH:mm') {
+    return datePicker(key)
+        .time({ nzFormat: 'HH:mm' })
+        .format(format);
+}
+function datetimeRangePicker(key, format = 'yyyy-MM-dd HH:mm') {
+    return dateRangePicker(key)
+        .time({ nzFormat: 'HH:mm' })
+        .format(format);
+}
+
+/**
+ * 实体表单
+ *
+ * 内置了一个 Headless ID 控件图示：`headless('id')`
+ * @param schemas
+ */
+function entityForm(composeFn) {
+    return form(() => {
+        headless('id');
+        composeFn();
+    });
+}
+
+function parseLabel(label) {
+    if (typeof label === 'string') {
+        return label;
+    }
+    return label.content ?? '';
+}
+function autoPlaceholder(schema, action) {
+    const label = schema['label'];
+    if (label && typeof label !== 'function') {
+        schema['placeholder'] ??= action + parseLabel(label);
+    }
+    return schema;
+}
+/**
+ * 为文本框字段自动添加 placeholder
+ */
+function useAutoPlaceholderPatchers() {
+    return [
+        {
+            selector: ['text', 'number'],
+            patch: schema => autoPlaceholder(schema, '请输入')
+        },
+        {
+            selector: 'textarea',
+            patch: schema => autoPlaceholder(schema, '请填写')
+        },
+        {
+            selector: ['date-picker', 'time-picker', 'select', 'cascader', 'tree-select'],
+            patch: schema => autoPlaceholder(schema, '请选择')
+        }
+    ];
+}
+/**
+ * 1. 自动为非必填字段添加清除按钮
+ * 2. 为选择器添加搜索功能
+ */
+function useImprovedPickerPatchers() {
+    return [
+        {
+            selector: ['date-picker', 'time-picker', 'select', 'cascader', 'tree-select'],
+            patch: schema => {
+                if (!schema['required']) {
+                    schema['clearable'] ??= true;
+                }
+                return schema;
+            }
+        },
+        {
+            selector: ['select', 'cascader', 'tree-select'],
+            patch: schema => {
+                schema['searchable'] ??= true;
+                return schema;
+            }
+        }
+    ];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { addButton, categoryCascader, cellphoneText, datetimePicker, datetimeRangePicker, enabledToggle, entityCascader, entityCheckboxGroup, entityForm, entityRadioGroup, entitySelect, finishedToggle, genderRadioGroup, integer, saveButton, searchButton, useAutoPlaceholderPatchers, useImprovedPickerPatchers };
+//# sourceMappingURL=solar-angular-ui-zorro-fluent-form.mjs.map

package/fesm2022/solar-angular-ui-zorro-fluent-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"solar-angular-ui-zorro-fluent-form.mjs","sources":["../../../packages/ui-zorro/fluent-form/components.ts","../../../packages/ui-zorro/fluent-form/controls.ts","../../../packages/ui-zorro/fluent-form/form.ts","../../../packages/ui-zorro/fluent-form/patchers.ts","../../../packages/ui-zorro/fluent-form/solar-angular-ui-zorro-fluent-form.ts"],"sourcesContent":["import { UnstableBuilder } from '@fluent-form/core';\nimport { button, ButtonComponentSchema } from '@fluent-form/ui-zorro';\nimport { KindOrKey } from './typing';\n\nexport function searchButton(): UnstableBuilder<ButtonComponentSchema, KindOrKey | 'icon' | 'content' | 'type'> {\n  return button().icon('search').content('查询').type('primary');\n}\n\nexport function addButton(): UnstableBuilder<ButtonComponentSchema, KindOrKey | 'icon' | 'content' | 'type' | 'mode'> {\n  return button().icon('plus').content('新增').type('primary').mode('button');\n}\n\nexport function saveButton(): UnstableBuilder<ButtonComponentSchema, KindOrKey | 'content' | 'type' | 'disabled'> {\n  return button()\n    .content('保存')\n    .type('primary')\n    .variants({ block: true })\n    .disabled(({ control }) => control.invalid) as UnstableBuilder<ButtonComponentSchema, KindOrKey | 'content' | 'type' | 'disabled'>;\n}\n","import { SchemaKey, SingleSchemaKey, UnstableBuilder } from '@fluent-form/core';\nimport { CascaderControlSchema, CheckboxGroupControlSchema, DatePickerControlSchema, DateRangePickerControlSchema, NumberControlSchema, RadioGroupControlSchema, SelectControlSchema, TextControlSchema, ToggleControlSchema, cascader, checkboxGroup, datePicker, dateRangePicker, number, radioGroup, select, text, toggle } from '@fluent-form/ui-zorro';\nimport { TreeNode, levels2tree, tree2list } from '@solar-angular/core';\nimport { Category, Channel } from '@solar-kit/planets/earth';\nimport { Gender } from '@solar-kit/planets/sun';\nimport { KindOrKey } from './typing';\n\nexport function cellphoneText(key = 'cellphone', length = 11): UnstableBuilder<TextControlSchema, KindOrKey | 'type' | 'length'> {\n  return text(key).type('tel').length(length);\n}\n\nexport function integer(key: SingleSchemaKey): UnstableBuilder<NumberControlSchema, KindOrKey | 'precision'> {\n  return number(key).precision(0);\n}\n\nexport function enabledToggle(key: SingleSchemaKey = 'enabled', defaultValue = true): UnstableBuilder<ToggleControlSchema, KindOrKey | 'placeholder' | 'defaultValue'> {\n  return toggle(key).placeholder(['有效', '无效']).defaultValue(defaultValue);\n}\n\nexport function finishedToggle(key: SingleSchemaKey = 'finished', defaultValue = false): UnstableBuilder<ToggleControlSchema, KindOrKey | 'placeholder' | 'defaultValue'> {\n  return toggle(key).placeholder(['已完成', '未完成']).defaultValue(defaultValue);\n}\n\nexport function genderRadioGroup(key = 'gender'): UnstableBuilder<RadioGroupControlSchema, KindOrKey | 'options'> {\n  return radioGroup(key).options([\n    { label: '女', value: Gender.Woman },\n    { label: '男', value: Gender.Man }\n  ]);\n}\n\nexport function categoryCascader(key: SchemaKey, channels: Channel[], categories: Category[]): UnstableBuilder<CascaderControlSchema, KindOrKey | 'options' | 'trigger' | 'config' | 'mapper'> {\n  return entityCascader(key).options(levels2tree([channels, categories], 'channel'));\n}\n\n/**\n * 通用的实体多选框\n *\n * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'\n * @param key\n */\nexport function entityCheckboxGroup(key: string): UnstableBuilder<CheckboxGroupControlSchema, KindOrKey | 'config'> {\n  return checkboxGroup(key).config({ labelProperty: 'fullName', valueProperty: 'id' });\n}\n\n/**\n * 通用的实体单选框\n *\n * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'\n * @param key\n */\nexport function entityRadioGroup(key: string): UnstableBuilder<RadioGroupControlSchema, KindOrKey | 'config'> {\n  return radioGroup(key).config({ labelProperty: 'fullName', valueProperty: 'id' });\n}\n\n/**\n * 通用的实体选择器\n *\n * 已经配置了 labelProperty: 'fullName', valueProperty: 'id'\n * @param key\n */\nexport function entitySelect(key: SingleSchemaKey): UnstableBuilder<SelectControlSchema, KindOrKey | 'config'> {\n  return select(key).config({ labelProperty: 'fullName', valueProperty: 'id' });\n}\n\n/**\n * 通用的实体联级选择器\n *\n * - 多字段模式下不支持以下选项：\n *   - 不支持使用函数作为 options\n *   - 不支持 fetchOptions 选项\n *\n * options 选项可以使用 `list2tree()` 或 `levels2tree()` 来构造\n *\n * @param key\n */\nexport function entityCascader(key: SchemaKey): UnstableBuilder<CascaderControlSchema, KindOrKey | 'trigger' | 'config' | 'mapper'> {\n  let list: TreeNode[];\n\n  return cascader(key)\n    .trigger('hover')\n    .mapper({\n      parser: (value: TreeNode['id'] | TreeNode['id'][] | null, schema) => {\n        if (!value) return null;\n\n        // 如果输入的是数组，则说明当前是多字段模式，不需要做处理\n        if (Array.isArray(value)) return value;\n\n        // 如果输入的是叶子节点，我们需要转为 [父节点, ..., 叶子节点]\n        list ??= tree2list((schema as CascaderControlSchema).options as TreeNode[]);\n        // 找到选中的叶子节点\n        let node = list.find(node => node.id === value && node.isLeaf);\n\n        const levels = [];\n\n        while (node) {\n          levels.unshift(node.id);\n          node = node.parent;\n        }\n\n        return levels;\n      },\n      formatter: value => {\n        // 多字段模式，不需要处理\n        if (Array.isArray(key)) return value;\n\n        // 输出的是节点数组，我们只要叶子节点\n        return value?.[value.length - 1];\n      }\n    })\n    .config({ labelProperty: 'fullName', valueProperty: 'id' });\n}\n\nexport function datetimePicker(key: string, format = 'yyyy-MM-dd HH:mm'): UnstableBuilder<DatePickerControlSchema, KindOrKey | 'time' | 'format'> {\n  return datePicker(key)\n    .time({ nzFormat: 'HH:mm' })\n    .format(format);\n}\n\nexport function datetimeRangePicker(key: SchemaKey, format = 'yyyy-MM-dd HH:mm'): UnstableBuilder<DateRangePickerControlSchema, KindOrKey | 'time' | 'format'> {\n  return dateRangePicker(key)\n    .time({ nzFormat: 'HH:mm' })\n    .format(format);\n}\n","import { form } from '@fluent-form/core';\nimport { headless } from '@fluent-form/ui-zorro';\nimport { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n/**\n * 实体表单\n *\n * 内置了一个 Headless ID 控件图示：`headless('id')`\n * @param schemas\n */\nexport function entityForm(composeFn: () => NzSafeAny) {\n  return form(() => {\n    headless('id');\n    composeFn();\n  });\n}\n","import { SchemaPatcher } from '@fluent-form/core';\nimport { AbstractZorroControlSchema, Label } from '@fluent-form/ui-zorro';\n\nfunction parseLabel(label: string | Label): string {\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  return label.content ?? '';\n}\n\nfunction autoPlaceholder(schema: AbstractZorroControlSchema, action: string) {\n  const label = schema['label'];\n\n  if (label && typeof label !== 'function') {\n    (schema as any)['placeholder'] ??= action + parseLabel(label);\n  }\n\n  return schema;\n}\n\n/**\n * 为文本框字段自动添加 placeholder\n */\nexport function useAutoPlaceholderPatchers(): SchemaPatcher[] {\n  return [\n    {\n      selector: ['text', 'number'],\n      patch: schema => autoPlaceholder(schema, '请输入')\n    },\n    {\n      selector: 'textarea',\n      patch: schema => autoPlaceholder(schema, '请填写')\n    },\n    {\n      selector: ['date-picker', 'time-picker', 'select', 'cascader', 'tree-select'],\n      patch: schema => autoPlaceholder(schema, '请选择')\n    }\n  ];\n}\n\n/**\n * 1. 自动为非必填字段添加清除按钮\n * 2. 为选择器添加搜索功能\n */\nexport function useImprovedPickerPatchers(): SchemaPatcher[] {\n  return [\n    {\n      selector: ['date-picker', 'time-picker', 'select', 'cascader', 'tree-select'],\n      patch: schema => {\n        if (!schema['required']) {\n          schema['clearable'] ??= true;\n        }\n\n        return schema;\n      }\n    },\n    {\n      selector: ['select', 'cascader', 'tree-select'],\n      patch: schema => {\n        schema['searchable'] ??= true;\n\n        return schema;\n      }\n    }\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/solar-angular-ui-zorro-media-uploader.mjs

@@ -0,0 +1,182 @@
+import { HttpEventType } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, numberAttribute, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
+import { EarthService, ObjectStorageService } from '@solar-angular/planets/earth';
+import { ImageCompressor, FileManager } from '@solar-angular/platform-browser';
+import { MessageService } from '@solar-angular/ui-zorro/message';
+import { fileExtensionOf } from '@solar-kit/core';
+import { filterResult, unpackResult } from '@solar-kit/planets/sun';
+import * as i1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzImageService, NzImageModule } from 'ng-zorro-antd/image';
+import * as i3 from 'ng-zorro-antd/popconfirm';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import * as i2 from 'ng-zorro-antd/upload';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { switchMap, of, fromEvent, take, tap, from } from 'rxjs';
+
+class SunMediaUploader {
+    constructor() {
+        this.imageService = inject(NzImageService);
+        this.earthService = inject(EarthService);
+        this.oss = inject(ObjectStorageService);
+        this.imageCompressor = inject(ImageCompressor);
+        this.message = inject(MessageService);
+        this.fileManager = inject(FileManager);
+        this.data = [
+        // {
+        //   uid: '1',
+        //   type: 'image',
+        //   url: '',
+        //   progress: 50
+        // },
+        // {
+        //   uid: '2',
+        //   type: 'image',
+        //   url: '',
+        // }
+        ];
+        this.limit = 9;
+        this.deletable = true;
+        this.uploadable = true;
+        this.previewable = true;
+        this.downloadable = false;
+        this.shape = 'square';
+        this.uploadKeys = this.earthService.mediaUploadKeys().pipe(filterResult(), unpackResult());
+        /** 启用图片压缩 */
+        this.compress = false;
+        this.uploaded = new EventEmitter();
+        this.delete = new EventEmitter();
+        this.error = new EventEmitter();
+        this.dataChange = new EventEmitter();
+        this.upload = (args) => {
+            const file = args.postFile;
+            const ext = fileExtensionOf(args.file.name);
+            return this.uploadKeys.pipe(switchMap(uploadKey => this.oss.uploadWithEvents(file, `${uploadKey.keys[0]}.${ext}`, uploadKey))).subscribe({
+                next: event => {
+                    switch (event.type) {
+                        case HttpEventType.UploadProgress:
+                            args.onProgress({ percent: (event.loaded / event.total) * 100 }, args.file);
+                            break;
+                        case HttpEventType.Response:
+                            this.uploaded.next({
+                                url: URL.createObjectURL(file),
+                                ...event.body
+                            });
+                            args.onSuccess(event.body, args.file, event);
+                            break;
+                    }
+                },
+                error: error => {
+                    args.onError(error, args.file);
+                }
+            });
+        };
+    }
+    get transform() {
+        return (file) => {
+            if (!file.type?.startsWith('image/')) {
+                return of(file);
+            }
+            const { messageId } = this.message.loading('正在压缩图像');
+            const reader = new FileReader();
+            const source = fromEvent(reader, 'load').pipe(take(1), switchMap(() => this.imageCompressor.compress(reader.result)), tap(() => this.message.remove(messageId)));
+            reader.readAsDataURL(file);
+            return source;
+        };
+    }
+    onChange({ type, file, event }) {
+        const media = this.data.find(o => o.uid === file.uid);
+        switch (type) {
+            case 'start': {
+                const url = URL.createObjectURL(file.originFileObj);
+                this.data = this.data.concat({
+                    uid: file.uid,
+                    url: url,
+                    thumbnailUrl: url,
+                    progress: 0.01,
+                    type: 'image',
+                    file: file.originFileObj
+                });
+                this.dataChange.emit(this.data);
+                break;
+            }
+            case 'progress':
+                media.progress = +event.percent.toFixed(2);
+                break;
+            case 'success':
+                delete media.progress;
+                break;
+            case 'error':
+                this.data = this.data.filter(o => o.uid !== file.uid);
+                this.dataChange.emit(this.data);
+                this.error.emit(media);
+                break;
+        }
+    }
+    onPreview(media) {
+        const images = this.data.map(o => ({ src: o.url || o.thumbnailUrl }));
+        const ref = this.imageService.preview(images);
+        ref.switchTo(this.data.findIndex(o => o === media));
+    }
+    onDownload(media) {
+        from(this.fileManager.download(media.url)).pipe(this.message.withLoading('正在下载')).subscribe({
+            error: () => {
+                this.message.error('下载失败');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunMediaUploader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunMediaUploader, isStandalone: true, selector: "sun-media-uploader", inputs: { data: "data", limit: ["limit", "limit", numberAttribute], deletable: ["deletable", "deletable", booleanAttribute], uploadable: ["uploadable", "uploadable", booleanAttribute], previewable: ["previewable", "previewable", booleanAttribute], downloadable: ["downloadable", "downloadable", booleanAttribute], shape: "shape", uploadKeys: "uploadKeys", compress: ["compress", "compress", booleanAttribute] }, outputs: { uploaded: "uploaded", delete: "delete", error: "error", dataChange: "dataChange" }, host: { properties: { "class.sun-media-uploader-circle": "shape === 'circle'" }, classAttribute: "sun-media-uploader" }, ngImport: i0, template: "@for (item of data; track item) {\n  <div class=\"sun-media-uploader-item\">\n    <img class=\"sun-media-uploader-img\" [src]=\"item.thumbnailUrl || item.url\" />\n\n    @if (item.progress) {\n      <div class=\"sun-media-uploader-progress-bar\">\n        <div\n          class=\"sun-media-uploader-progress-inner\"\n          [style]=\"{ transform: 'translateY(-' + item.progress + 'px)' }\"></div>\n        <div class=\"sun-media-uploader-progress-text\">\n          <div>{{ item.progress }}%</div>\n          <div>\u4E0A\u4F20\u4E2D...</div>\n        </div>\n      </div>\n    } @else {\n      <div class=\"sun-media-uploader-mask\">\n        @if (previewable) {\n          <div class=\"sun-media-uploader-action\" (click)=\"onPreview(item)\">\n            <span nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\u9884\u89C8\n          </div>\n        }\n        @if (downloadable) {\n          <div class=\"sun-media-uploader-action\" (click)=\"onDownload(item)\">\n            <span nz-icon nzType=\"download\" nzTheme=\"outline\"></span>\u4E0B\u8F7D\n          </div>\n        }\n        @if (deletable) {\n          <div\n            class=\"sun-media-uploader-action\"\n            nz-popconfirm\n            nzType=\"danger\"\n            nzPopconfirmTitle=\"\u60A8\u786E\u5B9A\u8981\u5220\u9664\u8BE5\u9879\u76EE\u5417\uFF1F\"\n            nzOkDanger\n            (nzOnConfirm)=\"delete.next(item)\">\n            <span nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\u5220\u9664\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<nz-upload\n  nzAccept=\"image/*\"\n  nzListType=\"picture-card\"\n  [hidden]=\"data?.length! >= limit || !uploadable\"\n  [nzShowUploadList]=\"false\"\n  [nzCustomRequest]=\"upload\"\n  [nzTransformFile]=\"compress ? transform : undefined\"\n  (nzChange)=\"onChange($event)\">\n  <div class=\"sun-media-uploader-btn\">\n    <span nz-icon nzType=\"plus\"></span>\n    <div class=\"sun-media-uploader-btn-text\">\u70B9\u51FB\u4E0A\u4F20</div>\n  </div>\n</nz-upload>\n", styles: [".sun-media-uploader{--item-size: 100px;--item-width: var(--item-size);--item-height: var(--item-size);display:flex;flex-wrap:wrap;gap:6px}.sun-media-uploader .ant-upload-picture-card-wrapper{width:auto}.sun-media-uploader .ant-upload.ant-upload-select-picture-card{height:var(--item-height);width:var(--item-width)}.sun-media-uploader-item{position:relative;height:var(--item-height);width:var(--item-width);border:.5px solid #d9d9d9;border-radius:var(--border-radius-base);overflow:hidden}.sun-media-uploader-item:hover{border-color:var(--color-primary)}.sun-media-uploader-progress-bar,.sun-media-uploader-mask{position:absolute;top:0;left:0;height:100%;width:100%;color:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.sun-media-uploader-progress-inner,.sun-media-uploader-mask{background-color:#0000004d}.sun-media-uploader-progress-bar{display:flex;justify-content:center;align-items:center;text-align:center}.sun-media-uploader-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s}.sun-media-uploader-progress-text{position:relative;z-index:1}.sun-media-uploader-mask{display:flex;flex-direction:column;justify-content:center;gap:2px;opacity:0;transition:all ease-out .3s}.sun-media-uploader-mask:hover{opacity:1}.sun-media-uploader-action{display:flex;justify-content:center;gap:6px;padding-right:4px;cursor:pointer}.sun-media-uploader-btn-text{margin-top:6px}.sun-media-uploader-img,.sun-media-uploader-video{width:100%;height:100%;object-fit:cover}.sun-media-uploader-circle .sun-media-uploader-item,.sun-media-uploader-circle .ant-upload.ant-upload-select-picture-card{border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i2.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzImageModule }, { kind: "ngmodule", type: NzPopconfirmModule }, { kind: "directive", type: i3.NzPopconfirmDirective, selector: "[nz-popconfirm]", inputs: ["nzPopconfirmArrowPointAtCenter", "nzPopconfirmTitle", "nzPopconfirmTitleContext", "nz-popconfirm", "nzPopconfirmTrigger", "nzPopconfirmPlacement", "nzPopconfirmOrigin", "nzPopconfirmMouseEnterDelay", "nzPopconfirmMouseLeaveDelay", "nzPopconfirmOverlayClassName", "nzPopconfirmOverlayStyle", "nzPopconfirmVisible", "nzOkText", "nzOkType", "nzOkDisabled", "nzOkDanger", "nzCancelText", "nzBeforeConfirm", "nzIcon", "nzCondition", "nzPopconfirmShowArrow", "nzPopconfirmBackdrop", "nzAutofocus"], outputs: ["nzPopconfirmVisibleChange", "nzOnCancel", "nzOnConfirm"], exportAs: ["nzPopconfirm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunMediaUploader, decorators: [{
+            type: Component,
+            args: [{ selector: 'sun-media-uploader', standalone: true, imports: [
+                        NzIconModule,
+                        NzUploadModule,
+                        NzImageModule,
+                        NzPopconfirmModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'sun-media-uploader',
+                        '[class.sun-media-uploader-circle]': `shape === 'circle'`,
+                    }, template: "@for (item of data; track item) {\n  <div class=\"sun-media-uploader-item\">\n    <img class=\"sun-media-uploader-img\" [src]=\"item.thumbnailUrl || item.url\" />\n\n    @if (item.progress) {\n      <div class=\"sun-media-uploader-progress-bar\">\n        <div\n          class=\"sun-media-uploader-progress-inner\"\n          [style]=\"{ transform: 'translateY(-' + item.progress + 'px)' }\"></div>\n        <div class=\"sun-media-uploader-progress-text\">\n          <div>{{ item.progress }}%</div>\n          <div>\u4E0A\u4F20\u4E2D...</div>\n        </div>\n      </div>\n    } @else {\n      <div class=\"sun-media-uploader-mask\">\n        @if (previewable) {\n          <div class=\"sun-media-uploader-action\" (click)=\"onPreview(item)\">\n            <span nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\u9884\u89C8\n          </div>\n        }\n        @if (downloadable) {\n          <div class=\"sun-media-uploader-action\" (click)=\"onDownload(item)\">\n            <span nz-icon nzType=\"download\" nzTheme=\"outline\"></span>\u4E0B\u8F7D\n          </div>\n        }\n        @if (deletable) {\n          <div\n            class=\"sun-media-uploader-action\"\n            nz-popconfirm\n            nzType=\"danger\"\n            nzPopconfirmTitle=\"\u60A8\u786E\u5B9A\u8981\u5220\u9664\u8BE5\u9879\u76EE\u5417\uFF1F\"\n            nzOkDanger\n            (nzOnConfirm)=\"delete.next(item)\">\n            <span nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\u5220\u9664\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<nz-upload\n  nzAccept=\"image/*\"\n  nzListType=\"picture-card\"\n  [hidden]=\"data?.length! >= limit || !uploadable\"\n  [nzShowUploadList]=\"false\"\n  [nzCustomRequest]=\"upload\"\n  [nzTransformFile]=\"compress ? transform : undefined\"\n  (nzChange)=\"onChange($event)\">\n  <div class=\"sun-media-uploader-btn\">\n    <span nz-icon nzType=\"plus\"></span>\n    <div class=\"sun-media-uploader-btn-text\">\u70B9\u51FB\u4E0A\u4F20</div>\n  </div>\n</nz-upload>\n", styles: [".sun-media-uploader{--item-size: 100px;--item-width: var(--item-size);--item-height: var(--item-size);display:flex;flex-wrap:wrap;gap:6px}.sun-media-uploader .ant-upload-picture-card-wrapper{width:auto}.sun-media-uploader .ant-upload.ant-upload-select-picture-card{height:var(--item-height);width:var(--item-width)}.sun-media-uploader-item{position:relative;height:var(--item-height);width:var(--item-width);border:.5px solid #d9d9d9;border-radius:var(--border-radius-base);overflow:hidden}.sun-media-uploader-item:hover{border-color:var(--color-primary)}.sun-media-uploader-progress-bar,.sun-media-uploader-mask{position:absolute;top:0;left:0;height:100%;width:100%;color:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.sun-media-uploader-progress-inner,.sun-media-uploader-mask{background-color:#0000004d}.sun-media-uploader-progress-bar{display:flex;justify-content:center;align-items:center;text-align:center}.sun-media-uploader-progress-inner{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s}.sun-media-uploader-progress-text{position:relative;z-index:1}.sun-media-uploader-mask{display:flex;flex-direction:column;justify-content:center;gap:2px;opacity:0;transition:all ease-out .3s}.sun-media-uploader-mask:hover{opacity:1}.sun-media-uploader-action{display:flex;justify-content:center;gap:6px;padding-right:4px;cursor:pointer}.sun-media-uploader-btn-text{margin-top:6px}.sun-media-uploader-img,.sun-media-uploader-video{width:100%;height:100%;object-fit:cover}.sun-media-uploader-circle .sun-media-uploader-item,.sun-media-uploader-circle .ant-upload.ant-upload-select-picture-card{border-radius:50%}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], limit: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], deletable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], uploadable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], previewable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], downloadable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], shape: [{
+                type: Input
+            }], uploadKeys: [{
+                type: Input
+            }], compress: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], uploaded: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], dataChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SunMediaUploader };
+//# sourceMappingURL=solar-angular-ui-zorro-media-uploader.mjs.map