npm - hs-admin-ui - Versions diffs - 6.4.0 → 6.4.2 - Mend

hs-admin-ui 6.4.0 → 6.4.2

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 (328) hide show

package/dist/types/components/business/bcTable/utils/useTable.d.ts CHANGED Viewed

@@ -87,8 +87,8 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     baseData: {
                         label: string;
                         prop: string;
-                        el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
-                        el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+                        el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+                        el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
                         groupField: string;
                         isSlot: boolean;
                         isApply: boolean;
@@ -99,7 +99,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                         complexType?: string | undefined;
                         baseType?: string | undefined;
                         groupMark?: string | undefined;
-                        positionInGroup?: "" | "end" | "start" | undefined;
+                        positionInGroup?: "" | "start" | "end" | undefined;
                         tooltip?: string | undefined;
                     };
                     elData: {
@@ -210,7 +210,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             min: string | number;
                             step: string | number;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
+                            resize: "none" | "both" | "horizontal" | "vertical";
                             form: string;
                             label: string;
                             tabindex: string | number;
@@ -232,10 +232,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             disabled: boolean;
                             name: string;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
-                            tabindex: string | number;
                             clearable: boolean;
-                            autocomplete: string;
                             maxlength: string | number;
                             minlength: string | number;
                             'show-word-limit': boolean;
@@ -246,10 +243,13 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             'suffix-icon': string;
                             rows: number;
                             autosize: boolean | object;
+                            autocomplete: string;
                             readonly: boolean;
                             max: string | number;
                             min: string | number;
                             step: string | number;
+                            resize: "none" | "both" | "horizontal" | "vertical";
+                            tabindex: string | number;
                             'validate-event': boolean;
                             'input-style': string | object;
                         };
@@ -1185,7 +1185,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     chronological?: boolean | undefined;
                     trigger?: "default" | "cell" | undefined;
                     showIcon?: boolean | undefined;
-                    iconLayout?: "vertical" | "horizontal" | undefined;
+                    iconLayout?: "horizontal" | "vertical" | undefined;
                     iconAsc?: string | undefined;
                     iconDesc?: string | undefined;
                 } | undefined;
@@ -2336,7 +2336,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     }) => import("vxe-table").VxeTableDefines.ColumnOptions<VxeTableDataRow>[]) | undefined;
                 } | undefined;
                 editConfig?: {
-                    trigger?: "" | "click" | "dblclick" | "manual" | null | undefined;
+                    trigger?: "" | "click" | "manual" | "dblclick" | null | undefined;
                     enabled?: boolean | undefined;
                     mode?: "" | "row" | "cell" | null | undefined;
                     icon?: string | undefined;
@@ -2431,7 +2431,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     fieldShow?: boolean | undefined;
                     userFieldShow?: boolean | undefined;
                     returnValueType: string;
-                    el?: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group" | undefined;
+                    el?: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group" | undefined;
                     fieldExport?: boolean | undefined;
                     slotTemplateConfig?: Record<string, ICustomData.Data> | {
                         attrs: {
@@ -2541,7 +2541,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             min: string | number;
                             step: string | number;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
+                            resize: "none" | "both" | "horizontal" | "vertical";
                             form: string;
                             label: string;
                             tabindex: string | number;
@@ -2563,10 +2563,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             disabled: boolean;
                             name: string;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
-                            tabindex: string | number;
                             clearable: boolean;
-                            autocomplete: string;
                             maxlength: string | number;
                             minlength: string | number;
                             'show-word-limit': boolean;
@@ -2577,10 +2574,13 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             'suffix-icon': string;
                             rows: number;
                             autosize: boolean | object;
+                            autocomplete: string;
                             readonly: boolean;
                             max: string | number;
                             min: string | number;
                             step: string | number;
+                            resize: "none" | "both" | "horizontal" | "vertical";
+                            tabindex: string | number;
                             'validate-event': boolean;
                             'input-style': string | object;
                         };
@@ -3100,8 +3100,8 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     baseData: {
                         label: string;
                         prop: string;
-                        el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
-                        el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+                        el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+                        el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
                         groupField: string;
                         isSlot: boolean;
                         isApply: boolean;
@@ -3112,7 +3112,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                         complexType?: string | undefined;
                         baseType?: string | undefined;
                         groupMark?: string | undefined;
-                        positionInGroup?: "" | "end" | "start" | undefined;
+                        positionInGroup?: "" | "start" | "end" | undefined;
                         tooltip?: string | undefined;
                     };
                     elData: {
@@ -3223,7 +3223,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             min: string | number;
                             step: string | number;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
+                            resize: "none" | "both" | "horizontal" | "vertical";
                             form: string;
                             label: string;
                             tabindex: string | number;
@@ -3245,10 +3245,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             disabled: boolean;
                             name: string;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
-                            tabindex: string | number;
                             clearable: boolean;
-                            autocomplete: string;
                             maxlength: string | number;
                             minlength: string | number;
                             'show-word-limit': boolean;
@@ -3259,10 +3256,13 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             'suffix-icon': string;
                             rows: number;
                             autosize: boolean | object;
+                            autocomplete: string;
                             readonly: boolean;
                             max: string | number;
                             min: string | number;
                             step: string | number;
+                            resize: "none" | "both" | "horizontal" | "vertical";
+                            tabindex: string | number;
                             'validate-event': boolean;
                             'input-style': string | object;
                         };
@@ -4198,7 +4198,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     chronological?: boolean | undefined;
                     trigger?: "default" | "cell" | undefined;
                     showIcon?: boolean | undefined;
-                    iconLayout?: "vertical" | "horizontal" | undefined;
+                    iconLayout?: "horizontal" | "vertical" | undefined;
                     iconAsc?: string | undefined;
                     iconDesc?: string | undefined;
                 } | undefined;
@@ -5349,7 +5349,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     }) => import("vxe-table").VxeTableDefines.ColumnOptions<VxeTableDataRow>[]) | undefined;
                 } | undefined;
                 editConfig?: {
-                    trigger?: "" | "click" | "dblclick" | "manual" | null | undefined;
+                    trigger?: "" | "click" | "manual" | "dblclick" | null | undefined;
                     enabled?: boolean | undefined;
                     mode?: "" | "row" | "cell" | null | undefined;
                     icon?: string | undefined;
@@ -5444,7 +5444,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                     fieldShow?: boolean | undefined;
                     userFieldShow?: boolean | undefined;
                     returnValueType: string;
-                    el?: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group" | undefined;
+                    el?: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group" | undefined;
                     fieldExport?: boolean | undefined;
                     slotTemplateConfig?: Record<string, ICustomData.Data> | {
                         attrs: {
@@ -5554,7 +5554,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             min: string | number;
                             step: string | number;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
+                            resize: "none" | "both" | "horizontal" | "vertical";
                             form: string;
                             label: string;
                             tabindex: string | number;
@@ -5576,10 +5576,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             disabled: boolean;
                             name: string;
                             autofocus: boolean;
-                            resize: "vertical" | "none" | "horizontal" | "both";
-                            tabindex: string | number;
                             clearable: boolean;
-                            autocomplete: string;
                             maxlength: string | number;
                             minlength: string | number;
                             'show-word-limit': boolean;
@@ -5590,10 +5587,13 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                             'suffix-icon': string;
                             rows: number;
                             autosize: boolean | object;
+                            autocomplete: string;
                             readonly: boolean;
                             max: string | number;
                             min: string | number;
                             step: string | number;
+                            resize: "none" | "both" | "horizontal" | "vertical";
+                            tabindex: string | number;
                             'validate-event': boolean;
                             'input-style': string | object;
                         };
@@ -6032,8 +6032,8 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
         baseData: {
             label: string;
             prop: string;
-            el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
-            el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+            el: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
+            el2: "hs-button" | "bc-icon" | "hs-button-group" | "hs-input" | "hs-select" | "hs-option" | "hs-option-group" | "hs-form" | "hs-form-item" | "hs-row" | "hs-col" | "hs-tree" | "hs-input-number" | "hs-switch" | "hs-radio" | "hs-radio-group" | "hs-radio-button" | "hs-checkbox" | "hs-checkbox-group" | "hs-checkbox-button" | "hs-rate" | "hs-autocomplete" | "hs-slider" | "hs-cascader" | "hs-cascader-panel" | "hs-color-picker" | "hs-upload" | "hs-transfer" | "hs-date-picker" | "hs-scrollbar" | "hs-calendar" | "hs-carousel" | "hs-carousel-item" | "hs-collapse" | "hs-collapse-item" | "hs-progress" | "hs-result" | "hs-tour" | "hs-tour-step" | "hs-tag" | "hs-check-tag" | "hs-affix" | "hs-tabs" | "hs-tab-pane" | "hs-steps" | "hs-step" | "hs-alert" | "hs-dialog" | "hs-drawer" | "hs-popconfirm" | "hs-popover" | "hs-tooltip" | "hs-watermark" | "hs-dropdown" | "hs-dropdown-menu" | "hs-dropdown-item" | "hs-tree-select" | "hs-badge" | "hs-empty" | "hs-image" | "hs-image-viewer" | "bc-btn" | "bc-box" | "bc-radio" | "bc-checkbox" | "bc-form" | "bc-table" | "bc-form-config" | "bc-select" | "bc-tree-select" | "bc-page-config" | "bc-switch-systems" | "bc-auto-complete" | "bc-group" | "bc-input-group" | "bc-page-tree-for-system" | "bc-upload" | "bc-breadcrumb" | "bc-auth" | "bc-system-field" | "bc-trtc" | "hs-config-input" | "hs-config-event" | "hs-config-select" | "hs-config-date-picker" | "hs-config-button" | "hs-config-autocomplete" | "hs-config-switch" | "hs-config-upload" | "hs-config-checkbox" | "hs-config-radio" | "hs-config-input-number" | "hs-config-cascader" | "hs-config-cascader-panel" | "hs-config-tree-select" | "hs-input-group";
             groupField: string;
             isSlot: boolean;
             isApply: boolean;
@@ -6044,7 +6044,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
             complexType?: string | undefined;
             baseType?: string | undefined;
             groupMark?: string | undefined;
-            positionInGroup?: "" | "end" | "start" | undefined;
+            positionInGroup?: "" | "start" | "end" | undefined;
             tooltip?: string | undefined;
         };
         elData: {
@@ -6155,7 +6155,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                 min: string | number;
                 step: string | number;
                 autofocus: boolean;
-                resize: "vertical" | "none" | "horizontal" | "both";
+                resize: "none" | "both" | "horizontal" | "vertical";
                 form: string;
                 label: string;
                 tabindex: string | number;
@@ -6177,10 +6177,7 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                 disabled: boolean;
                 name: string;
                 autofocus: boolean;
-                resize: "vertical" | "none" | "horizontal" | "both";
-                tabindex: string | number;
                 clearable: boolean;
-                autocomplete: string;
                 maxlength: string | number;
                 minlength: string | number;
                 'show-word-limit': boolean;
@@ -6191,10 +6188,13 @@ export declare function useTable(props: ComponentAttr.Props<typeof BcTable>): {
                 'suffix-icon': string;
                 rows: number;
                 autosize: boolean | object;
+                autocomplete: string;
                 readonly: boolean;
                 max: string | number;
                 min: string | number;
                 step: string | number;
+                resize: "none" | "both" | "horizontal" | "vertical";
+                tabindex: string | number;
                 'validate-event': boolean;
                 'input-style': string | object;
             };

package/dist/types/types/auth.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export declare namespace IAuthData {
     interface Field {
         id: string;
         /** 权限信息中的 fieldChange，为true时，才会替换 字段名称、是否必填、是否导出 */
-        fieldChange: string;
+        fieldChange: boolean;
         /** 字段名称 */
         fieldName: string;
         /** 字段显示名称 */
@@ -57,6 +57,9 @@ export declare namespace IAuthData {
         menu_id?: string;
         /** 页面名称 */
         page_name?: string;
+        is_auth: string;
+        dataMap: object;
+        optionMap: object;
     }
     interface IAuthDataItem {
         /** 是否显示字段集合 */

package/dist/{uploadAvatar-DgxLQDFU.mjs → uploadAvatar-CeFFvWmA.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, withDirectives, createElementVNode, normalizeStyle, vShow, createCommentVNode, normalizeClass, toDisplayString, defineComponent, ref, onMounted, toRefs, reactive, resolveComponent, createVNode, withCtx, unref, createTextVNode } from "vue";
 import { E as Exif } from "./uploadAvatar.vue_vue_type_style_index_0_scoped_99513ec9_lang-DOiOwYLl.mjs";
-import { _ as _export_sfc, a0 as systemStore, d as ElMessage, a1 as useFileController } from "./index-DQt4xHZ2.mjs";
+import { _ as _export_sfc, a0 as systemStore, d as ElMessage, a1 as useFileController } from "./index-rsYleIhA.mjs";
 const _sfc_main$1 = {
   data: function() {
     return {

package/dist/uploadAvatar-CeFFvWmA.mjs.gz ADDED Viewed

Binary file

package/dist/{uploadAvatar-DED82jMU.js → uploadAvatar-qk1m323b.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./uploadAvatar.vue_vue_type_style_index_0_scoped_99513ec9_lang-B-YXXUWn.js"),i=require("./index-7ZnpUpVQ.js"),s={data:function(){return{w:0,h:0,scale:1,x:0,y:0,loading:!0,trueWidth:0,trueHeight:0,move:!0,moveX:0,moveY:0,crop:!1,cropping:!1,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:!1,canChangeY:!1,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:!1,rotate:0,isIos:!1,orientation:0,imgs:"",coe:.2,scaling:!1,scalingSet:"",coeStatus:"",isCanShow:!0}},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:!0},canScale:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!1},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:!1},fixedNumber:{type:Array,default:()=>[1,1]},fixedBox:{type:Boolean,default:!1},full:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canMoveBox:{type:Boolean,default:!0},original:{type:Boolean,default:!1},centerBox:{type:Boolean,default:!1},high:{type:Boolean,default:!0},infoTrue:{type:Boolean,default:!1},maxImgSize:{type:[Number,String],default:2e3},enlarge:{type:[Number,String],default:1},preW:{type:[Number,String],default:0},mode:{type:String,default:"contain"},limitMinSize:{type:[Number,Array,String],default:()=>10,validator:function(t){return Array.isArray(t)?Number(t[0])>=0&&Number(t[1])>=0:Number(t)>=0}},fillColor:{type:String,default:""}},computed:{cropInfo(){let t={};if(t.top=this.cropOffsertY>21?"-21px":"0px",t.width=this.cropW>0?this.cropW:0,t.height=this.cropH>0?this.cropH:0,this.infoTrue){let e=1;this.high&&!this.full&&(e=window.devicePixelRatio),1!==this.enlarge&!this.full&&(e=Math.abs(Number(this.enlarge))),t.width=t.widthe,t.height=t.heighte,this.full&&(t.width=t.width/this.scale,t.height=t.height/this.scale)}return t.width=t.width.toFixed(0),t.height=t.height.toFixed(0),t},isIE:()=>!!window.ActiveXObject\|\|"ActiveXObject"in window,passive(){return this.isIE?null:{passive:!1}}},watch:{img(){this.checkedImg()},imgs(t){""!==t&&this.reload()},cropW(){this.showPreview()},cropH(){this.showPreview()},cropOffsertX(){this.showPreview()},cropOffsertY(){this.showPreview()},scale(t,e){this.showPreview()},x(){this.showPreview()},y(){this.showPreview()},autoCrop(t){t&&this.goAutoCrop()},autoCropWidth(){this.autoCrop&&this.goAutoCrop()},autoCropHeight(){this.autoCrop&&this.goAutoCrop()},mode(){this.checkedImg()},rotate(){this.showPreview(),(this.autoCrop\|\|this.cropW>0\|\|this.cropH>0)&&this.goAutoCrop(this.cropW,this.cropH)}},methods:{getVersion(t){var e=navigator.userAgent.split(" "),i="";let s=0;const o=new RegExp(t,"i");for(var h=0;h<e.length;h++)o.test(e[h])&&(i=e[h]);return s=i?i.split("/")[1].split("."):["0","0","0"],s},checkOrientationImage(t,e,i,s){if(this.getVersion("chrome")[0]>=81)e=-1;else if(this.getVersion("safari")[0]>=605){const t=this.getVersion("version");t[0]>13&&t[1]>1&&(e=-1)}else{const t=navigator.userAgent.toLowerCase().match(/cpu iphone os (.?) like mac os/);if(t){let i=t[1];i=i.split("_"),(i[0]>13\|\|i[0]>=13&&i[1]>=4)&&(e=-1)}}let o=document.createElement("canvas"),h=o.getContext("2d");switch(h.save(),e){case 2:o.width=i,o.height=s,h.translate(i,0),h.scale(-1,1);break;case 3:o.width=i,o.height=s,h.translate(i/2,s/2),h.rotate(180Math.PI/180),h.translate(-i/2,-s/2);break;case 4:o.width=i,o.height=s,h.translate(0,s),h.scale(1,-1);break;case 5:o.height=i,o.width=s,h.rotate(.5Math.PI),h.scale(1,-1);break;case 6:o.width=s,o.height=i,h.translate(s/2,i/2),h.rotate(90Math.PI/180),h.translate(-i/2,-s/2);break;case 7:o.height=i,o.width=s,h.rotate(.5Math.PI),h.translate(i,-s),h.scale(-1,1);break;case 8:o.height=i,o.width=s,h.translate(s/2,i/2),h.rotate(-90Math.PI/180),h.translate(-i/2,-s/2);break;default:o.width=i,o.height=s}h.drawImage(t,0,0,i,s),h.restore(),o.toBlob((t=>{let e=URL.createObjectURL(t);URL.revokeObjectURL(this.imgs),this.imgs=e}),"image/"+this.outputType,1)},checkedImg(){if(null===this.img\|\|""===this.img)return this.imgs="",void this.clearCrop();this.loading=!0,this.scale=1,this.rotate=0,this.clearCrop();let t=new Image;if(t.onload=()=>{if(""===this.img)return this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load",new Error("图片不能为空")),!1;let i=t.width,s=t.height;e.Exif.getData(t).then((e=>{this.orientation=e.orientation\|\|1;let o=Number(this.maxImgSize);!this.orientation&&i<o&s<o?this.imgs=this.img:(i>o&&(s=s/io,i=o),s>o&&(i=i/so,s=o),this.checkOrientationImage(t,this.orientation,i,s))})).catch((t=>{this.$emit("img-load","error"),this.$emit("img-load-error",t)}))},t.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load-error",error)},"data"!==this.img.substr(0,4)&&(t.crossOrigin=""),this.isIE){var i=new XMLHttpRequest;i.onload=function(){var e=URL.createObjectURL(this.response);t.src=e},i.open("GET",this.img,!0),i.responseType="blob",i.send()}else t.src=this.img},startMove(t){if(t.preventDefault(),this.move&&!this.crop){if(!this.canMove)return!1;this.moveX=("clientX"in t?t.clientX:t.touches[0].clientX)-this.x,this.moveY=("clientY"in t?t.clientY:t.touches[0].clientY)-this.y,t.touches?(window.addEventListener("touchmove",this.moveImg),window.addEventListener("touchend",this.leaveImg),2==t.touches.length&&(this.touches=t.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale))):(window.addEventListener("mousemove",this.moveImg),window.addEventListener("mouseup",this.leaveImg)),this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}else this.cropping=!0,window.addEventListener("mousemove",this.createCrop),window.addEventListener("mouseup",this.endCrop),window.addEventListener("touchmove",this.createCrop),window.addEventListener("touchend",this.endCrop),this.cropOffsertX=t.offsetX?t.offsetX:t.touches[0].pageX-this.$refs.cropper.offsetLeft,this.cropOffsertY=t.offsetY?t.offsetY:t.touches[0].pageY-this.$refs.cropper.offsetTop,this.cropX="clientX"in t?t.clientX:t.touches[0].clientX,this.cropY="clientY"in t?t.clientY:t.touches[0].clientY,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.cropW=0,this.cropH=0},touchScale(t){t.preventDefault();let e=this.scale;var i=this.touches[0].clientX,s=this.touches[0].clientY,o=t.touches[0].clientX,h=t.touches[0].clientY,r=this.touches[1].clientX,a=this.touches[1].clientY,c=t.touches[1].clientX,n=t.touches[1].clientY,p=Math.sqrt(Math.pow(i-r,2)+Math.pow(s-a,2)),l=Math.sqrt(Math.pow(o-c,2)+Math.pow(h-n,2))-p,d=1,u=(d=(d=d/this.trueWidth>d/this.trueHeight?d/this.trueHeight:d/this.trueWidth)>.1?.1:d)l;if(!this.touchNow){if(this.touchNow=!0,l>0?e+=Math.abs(u):l<0&&e>Math.abs(u)&&(e-=Math.abs(u)),this.touches=t.touches,setTimeout((()=>{this.touchNow=!1}),8),!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e}},cancelTouchScale(t){window.removeEventListener("touchmove",this.touchScale)},moveImg(t){if(t.preventDefault(),t.touches&&2===t.touches.length)return this.touches=t.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale),window.removeEventListener("touchmove",this.moveImg),!1;let e,i,s="clientX"in t?t.clientX:t.touches[0].clientX,o="clientY"in t?t.clientY:t.touches[0].clientY;e=s-this.moveX,i=o-this.moveY,this.$nextTick((()=>{if(this.centerBox){let t,s,o,h,r=this.getImgAxis(e,i,this.scale),a=this.getCropAxis(),c=this.trueHeightthis.scale,n=this.trueWidththis.scale;switch(this.rotate){case 1:case-1:case 3:case-3:t=this.cropOffsertX-this.trueWidth(1-this.scale)/2+(c-n)/2,s=this.cropOffsertY-this.trueHeight(1-this.scale)/2+(n-c)/2,o=t-c+this.cropW,h=s-n+this.cropH;break;default:t=this.cropOffsertX-this.trueWidth(1-this.scale)/2,s=this.cropOffsertY-this.trueHeight(1-this.scale)/2,o=t-n+this.cropW,h=s-c+this.cropH}r.x1>=a.x1&&(e=t),r.y1>=a.y1&&(i=s),r.x2<=a.x2&&(e=o),r.y2<=a.y2&&(i=h)}this.x=e,this.y=i,this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}))},leaveImg(t){window.removeEventListener("mousemove",this.moveImg),window.removeEventListener("touchmove",this.moveImg),window.removeEventListener("mouseup",this.leaveImg),window.removeEventListener("touchend",this.leaveImg),this.$emit("imgMoving",{moving:!1,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!1,axis:this.getImgAxis()})},scaleImg(){this.canScale&&window.addEventListener(this.support,this.changeSize,this.passive)},cancelScale(){this.canScale&&window.removeEventListener(this.support,this.changeSize)},changeSize(t){t.preventDefault();let e=this.scale;var i=t.deltaY\|\|t.wheelDelta;i=navigator.userAgent.indexOf("Firefox")>0?30i:i,this.isIE&&(i=-i);var s=this.coe,o=(s=s/this.trueWidth>s/this.trueHeight?s/this.trueHeight:s/this.trueWidth)i;o<0?e+=Math.abs(o):e>Math.abs(o)&&(e-=Math.abs(o));let h=o<0?"add":"reduce";if(h!==this.coeStatus&&(this.coeStatus=h,this.coe=.2),this.scaling\|\|(this.scalingSet=setTimeout((()=>{this.scaling=!1,this.coe=this.coe+=.01}),50)),this.scaling=!0,!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e},changeScale(t){let e=this.scale;t=t\|\|1;var i=20;if((t=i=i/this.trueWidth>i/this.trueHeight?i/this.trueHeight:i/this.trueWidth)>0?e+=Math.abs(t):e>Math.abs(t)&&(e-=Math.abs(t)),!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e},createCrop(t){t.preventDefault();var e="clientX"in t?t.clientX:t.touches?t.touches[0].clientX:0,i="clientY"in t?t.clientY:t.touches?t.touches[0].clientY:0;this.$nextTick((()=>{var t=e-this.cropX,s=i-this.cropY;if(t>0?(this.cropW=t+this.cropChangeX>this.w?this.w-this.cropChangeX:t,this.cropOffsertX=this.cropChangeX):(this.cropW=this.w-this.cropChangeX+Math.abs(t)>this.w?this.cropChangeX:Math.abs(t),this.cropOffsertX=this.cropChangeX+t>0?this.cropChangeX+t:0),this.fixed){var o=this.cropW/this.fixedNumber[0]this.fixedNumber[1];o+this.cropOffsertY>this.h?(this.cropH=this.h-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]this.fixedNumber[0],this.cropOffsertX=t>0?this.cropChangeX:this.cropChangeX-this.cropW):this.cropH=o,this.cropOffsertY=this.cropOffsertY}else s>0?(this.cropH=s+this.cropChangeY>this.h?this.h-this.cropChangeY:s,this.cropOffsertY=this.cropChangeY):(this.cropH=this.h-this.cropChangeY+Math.abs(s)>this.h?this.cropChangeY:Math.abs(s),this.cropOffsertY=this.cropChangeY+s>0?this.cropChangeY+s:0)}))},changeCropSize(t,e,i,s,o){t.preventDefault(),window.addEventListener("mousemove",this.changeCropNow),window.addEventListener("mouseup",this.changeCropEnd),window.addEventListener("touchmove",this.changeCropNow),window.addEventListener("touchend",this.changeCropEnd),this.canChangeX=e,this.canChangeY=i,this.changeCropTypeX=s,this.changeCropTypeY=o,this.cropX="clientX"in t?t.clientX:t.touches[0].clientX,this.cropY="clientY"in t?t.clientY:t.touches[0].clientY,this.cropOldW=this.cropW,this.cropOldH=this.cropH,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.fixed&&this.canChangeX&&this.canChangeY&&(this.canChangeY=0),this.$emit("changeCropSize",{width:this.cropW,height:this.cropH}),this.$emit("change-crop-size",{width:this.cropW,height:this.cropH})},changeCropNow(t){t.preventDefault();var e="clientX"in t?t.clientX:t.touches?t.touches[0].clientX:0,i="clientY"in t?t.clientY:t.touches?t.touches[0].clientY:0;let s=this.w,o=this.h,h=0,r=0;if(this.centerBox){let t=this.getImgAxis(),e=t.x2,i=t.y2;h=t.x1>0?t.x1:0,r=t.y1>0?t.y1:0,s>e&&(s=e),o>i&&(o=i)}const[a,c]=this.checkCropLimitSize();this.$nextTick((()=>{var t=e-this.cropX,n=i-this.cropY;if(this.canChangeX&&(1===this.changeCropTypeX?this.cropOldW-t<a?(this.cropW=a,this.cropOffsertX=this.cropOldW+this.cropChangeX-h-a):this.cropOldW-t>0?(this.cropW=s-this.cropChangeX-t<=s-h?this.cropOldW-t:this.cropOldW+this.cropChangeX-h,this.cropOffsertX=s-this.cropChangeX-t<=s-h?this.cropChangeX+t:h):(this.cropW=Math.abs(t)+this.cropChangeX<=s?Math.abs(t)-this.cropOldW:s-this.cropOldW-this.cropChangeX,this.cropOffsertX=this.cropChangeX+this.cropOldW):2===this.changeCropTypeX&&(this.cropOldW+t<a?this.cropW=a:this.cropOldW+t>0?(this.cropW=this.cropOldW+t+this.cropOffsertX<=s?this.cropOldW+t:s-this.cropOffsertX,this.cropOffsertX=this.cropChangeX):(this.cropW=s-this.cropChangeX+Math.abs(t+this.cropOldW)<=s-h?Math.abs(t+this.cropOldW):this.cropChangeX-h,this.cropOffsertX=s-this.cropChangeX+Math.abs(t+this.cropOldW)<=s-h?this.cropChangeX-Math.abs(t+this.cropOldW):h))),this.canChangeY&&(1===this.changeCropTypeY?this.cropOldH-n<c?(this.cropH=c,this.cropOffsertY=this.cropOldH+this.cropChangeY-r-c):this.cropOldH-n>0?(this.cropH=o-this.cropChangeY-n<=o-r?this.cropOldH-n:this.cropOldH+this.cropChangeY-r,this.cropOffsertY=o-this.cropChangeY-n<=o-r?this.cropChangeY+n:r):(this.cropH=Math.abs(n)+this.cropChangeY<=o?Math.abs(n)-this.cropOldH:o-this.cropOldH-this.cropChangeY,this.cropOffsertY=this.cropChangeY+this.cropOldH):2===this.changeCropTypeY&&(this.cropOldH+n<c?this.cropH=c:this.cropOldH+n>0?(this.cropH=this.cropOldH+n+this.cropOffsertY<=o?this.cropOldH+n:o-this.cropOffsertY,this.cropOffsertY=this.cropChangeY):(this.cropH=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-r?Math.abs(n+this.cropOldH):this.cropChangeY-r,this.cropOffsertY=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-r?this.cropChangeY-Math.abs(n+this.cropOldH):r))),this.canChangeX&&this.fixed){var p=this.cropW/this.fixedNumber[0]this.fixedNumber[1];p<c?(this.cropH=c,this.cropW=this.fixedNumber[0]c/this.fixedNumber[1],1===this.changeCropTypeX&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):p+this.cropOffsertY>o?(this.cropH=o-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]this.fixedNumber[0],1===this.changeCropTypeX&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):this.cropH=p}if(this.canChangeY&&this.fixed){var l=this.cropH/this.fixedNumber[1]this.fixedNumber[0];l<a?(this.cropW=a,this.cropH=this.fixedNumber[1]a/this.fixedNumber[0]):l+this.cropOffsertX>s?(this.cropW=s-this.cropOffsertX,this.cropH=this.cropW/this.fixedNumber[0]this.fixedNumber[1]):this.cropW=l}this.$emit("cropSizing",{cropW:this.cropW,cropH:this.cropH}),this.$emit("crop-sizing",{cropW:this.cropW,cropH:this.cropH})}))},checkCropLimitSize(){let{cropW:t,cropH:e,limitMinSize:i}=this,s=new Array;return s=Array.isArray(i)?i:[i,i],t=parseFloat(s[0]),e=parseFloat(s[1]),[t,e]},changeCropEnd(t){window.removeEventListener("mousemove",this.changeCropNow),window.removeEventListener("mouseup",this.changeCropEnd),window.removeEventListener("touchmove",this.changeCropNow),window.removeEventListener("touchend",this.changeCropEnd)},calculateSize(t,e,i,s,o,h){const r=t/e;let a=o,c=h;return a<i&&(a=i,c=Math.ceil(a/r)),c<s&&(c=s,a=Math.ceil(cr),a<i&&(a=i,c=Math.ceil(a/r))),a<o&&(a=o,c=Math.ceil(a/r)),c<h&&(c=h,a=Math.ceil(cr)),{width:a,height:c}},endCrop(){0===this.cropW&&0===this.cropH&&(this.cropping=!1);let[t,e]=this.checkCropLimitSize();const{width:i,height:s}=this.fixed?this.calculateSize(this.fixedNumber[0],this.fixedNumber[1],t,e,this.cropW,this.cropH):{width:t,height:e};i>this.cropW&&(this.cropW=i,this.cropOffsertX+i>this.w&&(this.cropOffsertX=this.w-i)),s>this.cropH&&(this.cropH=s,this.cropOffsertY+s>this.h&&(this.cropOffsertY=this.h-s)),window.removeEventListener("mousemove",this.createCrop),window.removeEventListener("mouseup",this.endCrop),window.removeEventListener("touchmove",this.createCrop),window.removeEventListener("touchend",this.endCrop)},startCrop(){this.crop=!0},stopCrop(){this.crop=!1},clearCrop(){this.cropping=!1,this.cropW=0,this.cropH=0},cropMove(t){if(t.preventDefault(),!this.canMoveBox)return this.crop=!1,this.startMove(t),!1;if(t.touches&&2===t.touches.length)return this.crop=!1,this.startMove(t),this.leaveCrop(),!1;window.addEventListener("mousemove",this.moveCrop),window.addEventListener("mouseup",this.leaveCrop),window.addEventListener("touchmove",this.moveCrop),window.addEventListener("touchend",this.leaveCrop);let e,i,s="clientX"in t?t.clientX:t.touches[0].clientX,o="clientY"in t?t.clientY:t.touches[0].clientY;e=s-this.cropOffsertX,i=o-this.cropOffsertY,this.cropX=e,this.cropY=i,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})},moveCrop(t,e){let i=0,s=0;t&&(t.preventDefault(),i="clientX"in t?t.clientX:t.touches[0].clientX,s="clientY"in t?t.clientY:t.touches[0].clientY),this.$nextTick((()=>{let t,o,h=i-this.cropX,r=s-this.cropY;if(e&&(h=this.cropOffsertX,r=this.cropOffsertY),t=h<=0?0:h+this.cropW>this.w?this.w-this.cropW:h,o=r<=0?0:r+this.cropH>this.h?this.h-this.cropH:r,this.centerBox){let e=this.getImgAxis();t<=e.x1&&(t=e.x1),t+this.cropW>e.x2&&(t=e.x2-this.cropW),o<=e.y1&&(o=e.y1),o+this.cropH>e.y2&&(o=e.y2-this.cropH)}this.cropOffsertX=t,this.cropOffsertY=o,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})}))},getImgAxis(t,e,i){t=t\|\|this.x,e=e\|\|this.y,i=i\|\|this.scale;let s={x1:0,x2:0,y1:0,y2:0},o=this.trueWidthi,h=this.trueHeighti;switch(this.rotate){case 0:s.x1=t+this.trueWidth(1-i)/2,s.x2=s.x1+this.trueWidthi,s.y1=e+this.trueHeight(1-i)/2,s.y2=s.y1+this.trueHeighti;break;case 1:case-1:case 3:case-3:s.x1=t+this.trueWidth(1-i)/2+(o-h)/2,s.x2=s.x1+this.trueHeighti,s.y1=e+this.trueHeight(1-i)/2+(h-o)/2,s.y2=s.y1+this.trueWidthi;break;default:s.x1=t+this.trueWidth(1-i)/2,s.x2=s.x1+this.trueWidthi,s.y1=e+this.trueHeight(1-i)/2,s.y2=s.y1+this.trueHeighti}return s},getCropAxis(){let t={x1:0,x2:0,y1:0,y2:0};return t.x1=this.cropOffsertX,t.x2=t.x1+this.cropW,t.y1=this.cropOffsertY,t.y2=t.y1+this.cropH,t},leaveCrop(t){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.$emit("cropMoving",{moving:!1,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!1,axis:this.getCropAxis()})},getCropChecked(t){let e=document.createElement("canvas"),i=new Image,s=this.rotate,o=this.trueWidth,h=this.trueHeight,r=this.cropOffsertX,a=this.cropOffsertY;function c(t,i){e.width=Math.round(t),e.height=Math.round(i)}i.onload=()=>{if(0!==this.cropW){let t=e.getContext("2d"),n=1;this.high&!this.full&&(n=window.devicePixelRatio),1!==this.enlarge&!this.full&&(n=Math.abs(Number(this.enlarge)));let p=this.cropWn,l=this.cropHn,d=othis.scalen,u=hthis.scalen,g=(this.x-r+this.trueWidth(1-this.scale)/2)n,m=(this.y-a+this.trueHeight(1-this.scale)/2)n;switch(c(p,l),t.save(),this.fillColor&&(t.fillStyle=this.fillColor,t.fillRect(0,0,e.width,e.height)),s){case 0:this.full?(c(p/this.scale,l/this.scale),t.drawImage(i,g/this.scale,m/this.scale,d/this.scale,u/this.scale)):t.drawImage(i,g,m,d,u);break;case 1:case-3:this.full?(c(p/this.scale,l/this.scale),g=g/this.scale+(d/this.scale-u/this.scale)/2,m=m/this.scale+(u/this.scale-d/this.scale)/2,t.rotate(90sMath.PI/180),t.drawImage(i,m,-g-u/this.scale,d/this.scale,u/this.scale)):(g+=(d-u)/2,m+=(u-d)/2,t.rotate(90sMath.PI/180),t.drawImage(i,m,-g-u,d,u));break;case 2:case-2:this.full?(c(p/this.scale,l/this.scale),t.rotate(90sMath.PI/180),g/=this.scale,m/=this.scale,t.drawImage(i,-g-d/this.scale,-m-u/this.scale,d/this.scale,u/this.scale)):(t.rotate(90sMath.PI/180),t.drawImage(i,-g-d,-m-u,d,u));break;case 3:case-1:this.full?(c(p/this.scale,l/this.scale),g=g/this.scale+(d/this.scale-u/this.scale)/2,m=m/this.scale+(u/this.scale-d/this.scale)/2,t.rotate(90sMath.PI/180),t.drawImage(i,-m-d/this.scale,g,d/this.scale,u/this.scale)):(g+=(d-u)/2,m+=(u-d)/2,t.rotate(90sMath.PI/180),t.drawImage(i,-m-d,g,d,u));break;default:this.full?(c(p/this.scale,l/this.scale),t.drawImage(i,g/this.scale,m/this.scale,d/this.scale,u/this.scale)):t.drawImage(i,g,m,d,u)}t.restore()}else{let t=othis.scale,r=hthis.scale,a=e.getContext("2d");switch(a.save(),this.fillColor&&(a.fillStyle=this.fillColor,a.fillRect(0,0,e.width,e.height)),s){case 0:c(t,r),a.drawImage(i,0,0,t,r);break;case 1:case-3:c(r,t),a.rotate(90sMath.PI/180),a.drawImage(i,0,-r,t,r);break;case 2:case-2:c(t,r),a.rotate(90sMath.PI/180),a.drawImage(i,-t,-r,t,r);break;case 3:case-1:c(r,t),a.rotate(90sMath.PI/180),a.drawImage(i,-t,0,t,r);break;default:c(t,r),a.drawImage(i,0,0,t,r)}a.restore()}t(e)},"data"!==this.img.substr(0,4)&&(i.crossOrigin="Anonymous"),i.src=this.imgs},getCropData(t){this.getCropChecked((e=>{t(e.toDataURL("image/"+this.outputType,this.outputSize))}))},getCropBlob(t){this.getCropChecked((e=>{e.toBlob((e=>t(e)),"image/"+this.outputType,this.outputSize)}))},showPreview(){if(!this.isCanShow)return!1;this.isCanShow=!1,setTimeout((()=>{this.isCanShow=!0}),16);let t=this.cropW,e=this.cropH,i=this.scale;var s={};s.div={width:`${t}px`,height:`${e}px`};let o=(this.x-this.cropOffsertX)/i,h=(this.y-this.cropOffsertY)/i;s.w=t,s.h=e,s.url=this.imgs,s.img={width:`${this.trueWidth}px`,height:`${this.trueHeight}px`,transform:`scale(${i})translate3d(${o}px, ${h}px, 0px)rotateZ(${90this.rotate}deg)`},s.html=`\n <div class="show-preview" style="width: ${s.w}px; height: ${s.h}px; overflow: hidden">\n <div style="width: ${t}px; height: ${e}px">\n <img src=${s.url} style="width: ${this.trueWidth}px; height: ${this.trueHeight}px; transform:\n scale(${i})translate3d(${o}px, ${h}px, 0px)rotateZ(${90this.rotate}deg)">\n </div>\n </div>`,this.$emit("realTime",s),this.$emit("real-time",s)},reload(){let t=new Image;t.onload=()=>{this.w=parseFloat(window.getComputedStyle(this.$refs.cropper).width),this.h=parseFloat(window.getComputedStyle(this.$refs.cropper).height),this.trueWidth=t.width,this.trueHeight=t.height,this.original?this.scale=1:this.scale=this.checkedMode(),this.$nextTick((()=>{this.x=-(this.trueWidth-this.trueWidththis.scale)/2+(this.w-this.trueWidththis.scale)/2,this.y=-(this.trueHeight-this.trueHeightthis.scale)/2+(this.h-this.trueHeightthis.scale)/2,this.loading=!1,this.autoCrop&&this.goAutoCrop(),this.$emit("img-load","success"),this.$emit("imgLoad","success"),setTimeout((()=>{this.showPreview()}),20)}))},t.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error")},t.src=this.imgs},checkedMode(){let t=1,e=this.trueWidth,i=this.trueHeight;const s=this.mode.split(" ");switch(s[0]){case"contain":this.trueWidth>this.w&&(t=this.w/this.trueWidth),this.trueHeightt>this.h&&(t=this.h/this.trueHeight);break;case"cover":e=this.w,t=e/this.trueWidth,i=t,i<this.h&&(i=this.h,t=i/this.trueHeight);break;default:try{let o=s[0];if(-1!==o.search("px")){o=o.replace("px",""),e=parseFloat(o);const h=e/this.trueWidth;let r=1,a=s[1];-1!==a.search("px")&&(a=a.replace("px",""),i=parseFloat(a),r=i/this.trueHeight),t=Math.min(h,r)}if(-1!==o.search("%")&&(o=o.replace("%",""),e=parseFloat(o)/100this.w,t=e/this.trueWidth),2===s.length&&"auto"===o){let e=s[1];-1!==e.search("px")&&(e=e.replace("px",""),i=parseFloat(e),t=i/this.trueHeight),-1!==e.search("%")&&(e=e.replace("%",""),i=parseFloat(e)/100this.h,t=i/this.trueHeight)}}catch(o){t=1}}return t},goAutoCrop(t,e){if(""===this.imgs\|\|null===this.imgs)return;this.clearCrop(),this.cropping=!0;let i=this.w,s=this.h;if(this.centerBox){const t=Math.abs(this.rotate)%2>0;let e=(t?this.trueHeight:this.trueWidth)this.scale,o=(t?this.trueWidth:this.trueHeight)this.scale;i=e<i?e:i,s=o<s?o:s}var o=t\|\|parseFloat(this.autoCropWidth),h=e\|\|parseFloat(this.autoCropHeight);0!==o&&0!==h\|\|(o=.8i,h=.8s),o=o>i?i:o,h=h>s?s:h,this.fixed&&(h=o/this.fixedNumber[0]this.fixedNumber[1]),h>this.h&&(o=(h=this.h)/this.fixedNumber[1]this.fixedNumber[0]),this.changeCrop(o,h)},changeCrop(t,e){if(this.centerBox){let i=this.getImgAxis();t>i.x2-i.x1&&(e=(t=i.x2-i.x1)/this.fixedNumber[0]this.fixedNumber[1]),e>i.y2-i.y1&&(t=(e=i.y2-i.y1)/this.fixedNumber[1]this.fixedNumber[0])}this.cropW=t,this.cropH=e,this.checkCropLimitSize(),this.$nextTick((()=>{this.cropOffsertX=(this.w-this.cropW)/2,this.cropOffsertY=(this.h-this.cropH)/2,this.centerBox&&this.moveCrop(null,!0)}))},refresh(){this.img,this.imgs="",this.scale=1,this.crop=!1,this.rotate=0,this.w=0,this.h=0,this.trueWidth=0,this.trueHeight=0,this.clearCrop(),this.$nextTick((()=>{this.checkedImg()}))},rotateLeft(){this.rotate=this.rotate<=-3?0:this.rotate-1},rotateRight(){this.rotate=this.rotate>=3?0:this.rotate+1},rotateClear(){this.rotate=0},checkoutImgAxis(t,e,i){t=t\|\|this.x,e=e\|\|this.y,i=i\|\|this.scale;let s=!0;if(this.centerBox){let o=this.getImgAxis(t,e,i),h=this.getCropAxis();o.x1>=h.x1&&(s=!1),o.x2<=h.x2&&(s=!1),o.y1>=h.y1&&(s=!1),o.y2<=h.y2&&(s=!1)}return s}},mounted(){this.support="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll";let t=this;var e=navigator.userAgent;this.isIOS=!!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),HTMLCanvasElement.prototype.toBlob\|\|Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(e,i,s){for(var o=atob(this.toDataURL(i,s).split(",")[1]),h=o.length,r=new Uint8Array(h),a=0;a<h;a++)r[a]=o.charCodeAt(a);e(new Blob([r],{type:t.type\|\|"image/png"}))}}),this.showPreview(),this.checkedImg()},destroyed(){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.cancelScale()}},o={key:0,class:"cropper-box"},h=["src"],r={class:"cropper-view-box"},a=["src"],c={key:1};const n=i._export_sfc(s,[["render",function(e,i,s,n,p,l){return t.openBlock(),t.createElementBlock("div",{class:"vue-cropper",ref:"cropper",onMouseover:i[28]\|\|(i[28]=(...t)=>l.scaleImg&&l.scaleImg(...t)),onMouseout:i[29]\|\|(i[29]=(...t)=>l.cancelScale&&l.cancelScale(...t))},[e.imgs?(t.openBlock(),t.createElementBlock("div",o,[t.withDirectives(t.createElementVNode("div",{class:"cropper-box-canvas",style:t.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+e.x/e.scale+"px,"+e.y/e.scale+"px,0)rotateZ("+90e.rotate+"deg)"})},[t.createElementVNode("img",{src:e.imgs,alt:"cropper-img",ref:"cropperImg"},null,8,h)],4),[[t.vShow,!e.loading]])])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["cropper-drag-box",{"cropper-move":e.move&&!e.crop,"cropper-crop":e.crop,"cropper-modal":e.cropping}]),onMousedown:i[0]\|\|(i[0]=(...t)=>l.startMove&&l.startMove(...t)),onTouchstart:i[1]\|\|(i[1]=(...t)=>l.startMove&&l.startMove(...t))},null,34),t.withDirectives(t.createElementVNode("div",{class:"cropper-crop-box",style:t.normalizeStyle({width:e.cropW+"px",height:e.cropH+"px",transform:"translate3d("+e.cropOffsertX+"px,"+e.cropOffsertY+"px,0)"})},[t.createElementVNode("span",r,[t.createElementVNode("img",{style:t.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+(e.x-e.cropOffsertX)/e.scale+"px,"+(e.y-e.cropOffsertY)/e.scale+"px,0)rotateZ("+90e.rotate+"deg)"}),src:e.imgs,alt:"cropper-img"},null,12,a)]),t.createElementVNode("span",{class:"cropper-face cropper-move",onMousedown:i[2]\|\|(i[2]=(...t)=>l.cropMove&&l.cropMove(...t)),onTouchstart:i[3]\|\|(i[3]=(...t)=>l.cropMove&&l.cropMove(...t))},null,32),s.info?(t.openBlock(),t.createElementBlock("span",{key:0,class:"crop-info",style:t.normalizeStyle({top:l.cropInfo.top})},t.toDisplayString(l.cropInfo.width)+" × "+t.toDisplayString(l.cropInfo.height),5)):t.createCommentVNode("",!0),s.fixedBox?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",c,[t.createElementVNode("span",{class:"crop-line line-w",onMousedown:i[4]\|\|(i[4]=t=>l.changeCropSize(t,!1,!0,0,1)),onTouchstart:i[5]\|\|(i[5]=t=>l.changeCropSize(t,!1,!0,0,1))},null,32),t.createElementVNode("span",{class:"crop-line line-a",onMousedown:i[6]\|\|(i[6]=t=>l.changeCropSize(t,!0,!1,1,0)),onTouchstart:i[7]\|\|(i[7]=t=>l.changeCropSize(t,!0,!1,1,0))},null,32),t.createElementVNode("span",{class:"crop-line line-s",onMousedown:i[8]\|\|(i[8]=t=>l.changeCropSize(t,!1,!0,0,2)),onTouchstart:i[9]\|\|(i[9]=t=>l.changeCropSize(t,!1,!0,0,2))},null,32),t.createElementVNode("span",{class:"crop-line line-d",onMousedown:i[10]\|\|(i[10]=t=>l.changeCropSize(t,!0,!1,2,0)),onTouchstart:i[11]\|\|(i[11]=t=>l.changeCropSize(t,!0,!1,2,0))},null,32),t.createElementVNode("span",{class:"crop-point point1",onMousedown:i[12]\|\|(i[12]=t=>l.changeCropSize(t,!0,!0,1,1)),onTouchstart:i[13]\|\|(i[13]=t=>l.changeCropSize(t,!0,!0,1,1))},null,32),t.createElementVNode("span",{class:"crop-point point2",onMousedown:i[14]\|\|(i[14]=t=>l.changeCropSize(t,!1,!0,0,1)),onTouchstart:i[15]\|\|(i[15]=t=>l.changeCropSize(t,!1,!0,0,1))},null,32),t.createElementVNode("span",{class:"crop-point point3",onMousedown:i[16]\|\|(i[16]=t=>l.changeCropSize(t,!0,!0,2,1)),onTouchstart:i[17]\|\|(i[17]=t=>l.changeCropSize(t,!0,!0,2,1))},null,32),t.createElementVNode("span",{class:"crop-point point4",onMousedown:i[18]\|\|(i[18]=t=>l.changeCropSize(t,!0,!1,1,0)),onTouchstart:i[19]\|\|(i[19]=t=>l.changeCropSize(t,!0,!1,1,0))},null,32),t.createElementVNode("span",{class:"crop-point point5",onMousedown:i[20]\|\|(i[20]=t=>l.changeCropSize(t,!0,!1,2,0)),onTouchstart:i[21]\|\|(i[21]=t=>l.changeCropSize(t,!0,!1,2,0))},null,32),t.createElementVNode("span",{class:"crop-point point6",onMousedown:i[22]\|\|(i[22]=t=>l.changeCropSize(t,!0,!0,1,2)),onTouchstart:i[23]\|\|(i[23]=t=>l.changeCropSize(t,!0,!0,1,2))},null,32),t.createElementVNode("span",{class:"crop-point point7",onMousedown:i[24]\|\|(i[24]=t=>l.changeCropSize(t,!1,!0,0,2)),onTouchstart:i[25]\|\|(i[25]=t=>l.changeCropSize(t,!1,!0,0,2))},null,32),t.createElementVNode("span",{class:"crop-point point8",onMousedown:i[26]\|\|(i[26]=t=>l.changeCropSize(t,!0,!0,2,2)),onTouchstart:i[27]\|\|(i[27]=t=>l.changeCropSize(t,!0,!0,2,2))},null,32)]))],4),[[t.vShow,e.cropping]])],544)}],["__scopeId","data-v-168a3964"]]),p={class:"h-full"},l={class:"avatar-upload-preview"},d=["src"],u=t.defineComponent({__name:"uploadAvatar",props:{avatar:{default:""},close:{type:Function,default:close},proxyId:{default:""}},setup(e){const{postSinglefile:s,postUpdateFile:o}=i.useFileController(),h=e;let r=t.ref({});t.onMounted((async()=>{r.value=await i.systemStore.get("userInfo")}));let{avatar:a}=t.toRefs(h);const c=t.reactive({img:"",autoCrop:!0,autoCropWidth:200,autoCropHeight:200,fixedBox:!1,outputSize:.5,outputType:"jpeg",canScale:!1,fixed:!1,fixedNumber:[1,1],full:!0,canMoveBox:!1,original:!1,centerBox:!1,infoTrue:!0,filename:""}),u=t.ref({}),g=t.ref({});t.ref(!1);let m=t=>{"left"==t&&g.value.rotateLeft(),"right"==t&&g.value.rotateRight()},f=t=>{const e=t\|\|1;g.value.changeScale(e)},v=()=>{g.value.refresh()};const w=t=>{u.value=t};let x=()=>{},C=t=>{if(!["image/png","image/jpg","image/jpeg","image/PNG","image/JPG","image/JPEG","image/gif"].includes(t.type))return i.ElMessage.error("图片格式有误，请重新上传"),!1;{const e=new FileReader;e.readAsDataURL(t),e.onload=()=>{c.img=e.result,c.filename=t.name}}},y=()=>{c.img\|\|i.ElMessage.warning("请先选择图片"),g.value.getCropBlob((async t=>{const e=await s({data:{file:t},proxy:h.proxyId}),i=await o({data:{id:r.value.id,attchIdArrStr:e.data.id,attachType:2},proxy:h.proxyId});h.close(i)}))};return t.onMounted((()=>{setTimeout((()=>{c.img=a.value}),100)})),(e,i)=>{const s=t.resolveComponent("el-col"),o=t.resolveComponent("el-row"),h=t.resolveComponent("bc-icon"),r=t.resolveComponent("el-button"),a=t.resolveComponent("hs-upload");return t.openBlock(),t.createElementBlock("div",p,[t.createVNode(o,null,{default:t.withCtx((()=>[t.createVNode(s,{xs:24,md:13,style:{height:"350px"}},{default:t.withCtx((()=>[t.createVNode(n,{ref_key:"cropperRef",ref:g,img:c.img,info:!0,infoTrue:c.infoTrue,"auto-crop":c.autoCrop,"fixed-box":c.fixedBox,fixedNumber:c.fixedNumber,fixed:c.fixed,centerBox:c.centerBox,outputType:"png",onRealTime:w},null,8,["img","infoTrue","auto-crop","fixed-box","fixedNumber","fixed","centerBox"])])),_:1}),t.createVNode(s,{xs:24,md:11,style:{height:"350px"}},{default:t.withCtx((()=>[t.createElementVNode("div",l,[t.createElementVNode("img",{src:u.value.url,style:t.normalizeStyle(u.value.img)},null,12,d)])])),_:1})])),_:1}),t.createVNode(o,{class:"ptb2 py-3"},{default:t.withCtx((()=>[t.createVNode(s,{lg:2,md:2},{default:t.withCtx((()=>[t.createVNode(a,{action:"#","http-request":t.unref(x),"show-file-list":!1,"before-upload":t.unref(C),accept:"image/*"},{default:t.withCtx((()=>[t.createVNode(r,{size:"default"},{default:t.withCtx((()=>[t.createTextVNode(" 选择 "),t.createVNode(h,{name:"ele-UploadFilled"})])),_:1})])),_:1},8,["http-request","before-upload"])])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-Plus",onClick:i[0]\|\|(i[0]=e=>t.unref(f)(1))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-Minus",onClick:i[1]\|\|(i[1]=e=>t.unref(f)(-1))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-RefreshLeft",onClick:i[2]\|\|(i[2]=e=>t.unref(m)("left"))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-RefreshRight",onClick:i[3]\|\|(i[3]=e=>t.unref(m)("right"))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",onClick:i[4]\|\|(i[4]=e=>t.unref(v)())},{default:t.withCtx((()=>[t.createTextVNode("重置")])),_:1})])),_:1}),t.createVNode(s,{lg:{span:1,offset:7},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",type:"primary",onClick:i[5]\|\|(i[5]=e=>t.unref(y)())},{default:t.withCtx((()=>[t.createTextVNode("提交")])),_:1})])),_:1})])),_:1})])}}}),g=i._export_sfc(u,[["__scopeId","data-v-99513ec9"]]);exports.default=g;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./uploadAvatar.vue_vue_type_style_index_0_scoped_99513ec9_lang-B-YXXUWn.js"),i=require("./index-B3_6dZsU.js"),s={data:function(){return{w:0,h:0,scale:1,x:0,y:0,loading:!0,trueWidth:0,trueHeight:0,move:!0,moveX:0,moveY:0,crop:!1,cropping:!1,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:!1,canChangeY:!1,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:!1,rotate:0,isIos:!1,orientation:0,imgs:"",coe:.2,scaling:!1,scalingSet:"",coeStatus:"",isCanShow:!0}},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:!0},canScale:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!1},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:!1},fixedNumber:{type:Array,default:()=>[1,1]},fixedBox:{type:Boolean,default:!1},full:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canMoveBox:{type:Boolean,default:!0},original:{type:Boolean,default:!1},centerBox:{type:Boolean,default:!1},high:{type:Boolean,default:!0},infoTrue:{type:Boolean,default:!1},maxImgSize:{type:[Number,String],default:2e3},enlarge:{type:[Number,String],default:1},preW:{type:[Number,String],default:0},mode:{type:String,default:"contain"},limitMinSize:{type:[Number,Array,String],default:()=>10,validator:function(t){return Array.isArray(t)?Number(t[0])>=0&&Number(t[1])>=0:Number(t)>=0}},fillColor:{type:String,default:""}},computed:{cropInfo(){let t={};if(t.top=this.cropOffsertY>21?"-21px":"0px",t.width=this.cropW>0?this.cropW:0,t.height=this.cropH>0?this.cropH:0,this.infoTrue){let e=1;this.high&&!this.full&&(e=window.devicePixelRatio),1!==this.enlarge&!this.full&&(e=Math.abs(Number(this.enlarge))),t.width=t.widthe,t.height=t.heighte,this.full&&(t.width=t.width/this.scale,t.height=t.height/this.scale)}return t.width=t.width.toFixed(0),t.height=t.height.toFixed(0),t},isIE:()=>!!window.ActiveXObject\|\|"ActiveXObject"in window,passive(){return this.isIE?null:{passive:!1}}},watch:{img(){this.checkedImg()},imgs(t){""!==t&&this.reload()},cropW(){this.showPreview()},cropH(){this.showPreview()},cropOffsertX(){this.showPreview()},cropOffsertY(){this.showPreview()},scale(t,e){this.showPreview()},x(){this.showPreview()},y(){this.showPreview()},autoCrop(t){t&&this.goAutoCrop()},autoCropWidth(){this.autoCrop&&this.goAutoCrop()},autoCropHeight(){this.autoCrop&&this.goAutoCrop()},mode(){this.checkedImg()},rotate(){this.showPreview(),(this.autoCrop\|\|this.cropW>0\|\|this.cropH>0)&&this.goAutoCrop(this.cropW,this.cropH)}},methods:{getVersion(t){var e=navigator.userAgent.split(" "),i="";let s=0;const o=new RegExp(t,"i");for(var h=0;h<e.length;h++)o.test(e[h])&&(i=e[h]);return s=i?i.split("/")[1].split("."):["0","0","0"],s},checkOrientationImage(t,e,i,s){if(this.getVersion("chrome")[0]>=81)e=-1;else if(this.getVersion("safari")[0]>=605){const t=this.getVersion("version");t[0]>13&&t[1]>1&&(e=-1)}else{const t=navigator.userAgent.toLowerCase().match(/cpu iphone os (.?) like mac os/);if(t){let i=t[1];i=i.split("_"),(i[0]>13\|\|i[0]>=13&&i[1]>=4)&&(e=-1)}}let o=document.createElement("canvas"),h=o.getContext("2d");switch(h.save(),e){case 2:o.width=i,o.height=s,h.translate(i,0),h.scale(-1,1);break;case 3:o.width=i,o.height=s,h.translate(i/2,s/2),h.rotate(180Math.PI/180),h.translate(-i/2,-s/2);break;case 4:o.width=i,o.height=s,h.translate(0,s),h.scale(1,-1);break;case 5:o.height=i,o.width=s,h.rotate(.5Math.PI),h.scale(1,-1);break;case 6:o.width=s,o.height=i,h.translate(s/2,i/2),h.rotate(90Math.PI/180),h.translate(-i/2,-s/2);break;case 7:o.height=i,o.width=s,h.rotate(.5Math.PI),h.translate(i,-s),h.scale(-1,1);break;case 8:o.height=i,o.width=s,h.translate(s/2,i/2),h.rotate(-90Math.PI/180),h.translate(-i/2,-s/2);break;default:o.width=i,o.height=s}h.drawImage(t,0,0,i,s),h.restore(),o.toBlob((t=>{let e=URL.createObjectURL(t);URL.revokeObjectURL(this.imgs),this.imgs=e}),"image/"+this.outputType,1)},checkedImg(){if(null===this.img\|\|""===this.img)return this.imgs="",void this.clearCrop();this.loading=!0,this.scale=1,this.rotate=0,this.clearCrop();let t=new Image;if(t.onload=()=>{if(""===this.img)return this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load",new Error("图片不能为空")),!1;let i=t.width,s=t.height;e.Exif.getData(t).then((e=>{this.orientation=e.orientation\|\|1;let o=Number(this.maxImgSize);!this.orientation&&i<o&s<o?this.imgs=this.img:(i>o&&(s=s/io,i=o),s>o&&(i=i/so,s=o),this.checkOrientationImage(t,this.orientation,i,s))})).catch((t=>{this.$emit("img-load","error"),this.$emit("img-load-error",t)}))},t.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load-error",error)},"data"!==this.img.substr(0,4)&&(t.crossOrigin=""),this.isIE){var i=new XMLHttpRequest;i.onload=function(){var e=URL.createObjectURL(this.response);t.src=e},i.open("GET",this.img,!0),i.responseType="blob",i.send()}else t.src=this.img},startMove(t){if(t.preventDefault(),this.move&&!this.crop){if(!this.canMove)return!1;this.moveX=("clientX"in t?t.clientX:t.touches[0].clientX)-this.x,this.moveY=("clientY"in t?t.clientY:t.touches[0].clientY)-this.y,t.touches?(window.addEventListener("touchmove",this.moveImg),window.addEventListener("touchend",this.leaveImg),2==t.touches.length&&(this.touches=t.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale))):(window.addEventListener("mousemove",this.moveImg),window.addEventListener("mouseup",this.leaveImg)),this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}else this.cropping=!0,window.addEventListener("mousemove",this.createCrop),window.addEventListener("mouseup",this.endCrop),window.addEventListener("touchmove",this.createCrop),window.addEventListener("touchend",this.endCrop),this.cropOffsertX=t.offsetX?t.offsetX:t.touches[0].pageX-this.$refs.cropper.offsetLeft,this.cropOffsertY=t.offsetY?t.offsetY:t.touches[0].pageY-this.$refs.cropper.offsetTop,this.cropX="clientX"in t?t.clientX:t.touches[0].clientX,this.cropY="clientY"in t?t.clientY:t.touches[0].clientY,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.cropW=0,this.cropH=0},touchScale(t){t.preventDefault();let e=this.scale;var i=this.touches[0].clientX,s=this.touches[0].clientY,o=t.touches[0].clientX,h=t.touches[0].clientY,r=this.touches[1].clientX,a=this.touches[1].clientY,c=t.touches[1].clientX,n=t.touches[1].clientY,p=Math.sqrt(Math.pow(i-r,2)+Math.pow(s-a,2)),l=Math.sqrt(Math.pow(o-c,2)+Math.pow(h-n,2))-p,d=1,u=(d=(d=d/this.trueWidth>d/this.trueHeight?d/this.trueHeight:d/this.trueWidth)>.1?.1:d)l;if(!this.touchNow){if(this.touchNow=!0,l>0?e+=Math.abs(u):l<0&&e>Math.abs(u)&&(e-=Math.abs(u)),this.touches=t.touches,setTimeout((()=>{this.touchNow=!1}),8),!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e}},cancelTouchScale(t){window.removeEventListener("touchmove",this.touchScale)},moveImg(t){if(t.preventDefault(),t.touches&&2===t.touches.length)return this.touches=t.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale),window.removeEventListener("touchmove",this.moveImg),!1;let e,i,s="clientX"in t?t.clientX:t.touches[0].clientX,o="clientY"in t?t.clientY:t.touches[0].clientY;e=s-this.moveX,i=o-this.moveY,this.$nextTick((()=>{if(this.centerBox){let t,s,o,h,r=this.getImgAxis(e,i,this.scale),a=this.getCropAxis(),c=this.trueHeightthis.scale,n=this.trueWidththis.scale;switch(this.rotate){case 1:case-1:case 3:case-3:t=this.cropOffsertX-this.trueWidth(1-this.scale)/2+(c-n)/2,s=this.cropOffsertY-this.trueHeight(1-this.scale)/2+(n-c)/2,o=t-c+this.cropW,h=s-n+this.cropH;break;default:t=this.cropOffsertX-this.trueWidth(1-this.scale)/2,s=this.cropOffsertY-this.trueHeight(1-this.scale)/2,o=t-n+this.cropW,h=s-c+this.cropH}r.x1>=a.x1&&(e=t),r.y1>=a.y1&&(i=s),r.x2<=a.x2&&(e=o),r.y2<=a.y2&&(i=h)}this.x=e,this.y=i,this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}))},leaveImg(t){window.removeEventListener("mousemove",this.moveImg),window.removeEventListener("touchmove",this.moveImg),window.removeEventListener("mouseup",this.leaveImg),window.removeEventListener("touchend",this.leaveImg),this.$emit("imgMoving",{moving:!1,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!1,axis:this.getImgAxis()})},scaleImg(){this.canScale&&window.addEventListener(this.support,this.changeSize,this.passive)},cancelScale(){this.canScale&&window.removeEventListener(this.support,this.changeSize)},changeSize(t){t.preventDefault();let e=this.scale;var i=t.deltaY\|\|t.wheelDelta;i=navigator.userAgent.indexOf("Firefox")>0?30i:i,this.isIE&&(i=-i);var s=this.coe,o=(s=s/this.trueWidth>s/this.trueHeight?s/this.trueHeight:s/this.trueWidth)i;o<0?e+=Math.abs(o):e>Math.abs(o)&&(e-=Math.abs(o));let h=o<0?"add":"reduce";if(h!==this.coeStatus&&(this.coeStatus=h,this.coe=.2),this.scaling\|\|(this.scalingSet=setTimeout((()=>{this.scaling=!1,this.coe=this.coe+=.01}),50)),this.scaling=!0,!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e},changeScale(t){let e=this.scale;t=t\|\|1;var i=20;if((t=i=i/this.trueWidth>i/this.trueHeight?i/this.trueHeight:i/this.trueWidth)>0?e+=Math.abs(t):e>Math.abs(t)&&(e-=Math.abs(t)),!this.checkoutImgAxis(this.x,this.y,e))return!1;this.scale=e},createCrop(t){t.preventDefault();var e="clientX"in t?t.clientX:t.touches?t.touches[0].clientX:0,i="clientY"in t?t.clientY:t.touches?t.touches[0].clientY:0;this.$nextTick((()=>{var t=e-this.cropX,s=i-this.cropY;if(t>0?(this.cropW=t+this.cropChangeX>this.w?this.w-this.cropChangeX:t,this.cropOffsertX=this.cropChangeX):(this.cropW=this.w-this.cropChangeX+Math.abs(t)>this.w?this.cropChangeX:Math.abs(t),this.cropOffsertX=this.cropChangeX+t>0?this.cropChangeX+t:0),this.fixed){var o=this.cropW/this.fixedNumber[0]this.fixedNumber[1];o+this.cropOffsertY>this.h?(this.cropH=this.h-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]this.fixedNumber[0],this.cropOffsertX=t>0?this.cropChangeX:this.cropChangeX-this.cropW):this.cropH=o,this.cropOffsertY=this.cropOffsertY}else s>0?(this.cropH=s+this.cropChangeY>this.h?this.h-this.cropChangeY:s,this.cropOffsertY=this.cropChangeY):(this.cropH=this.h-this.cropChangeY+Math.abs(s)>this.h?this.cropChangeY:Math.abs(s),this.cropOffsertY=this.cropChangeY+s>0?this.cropChangeY+s:0)}))},changeCropSize(t,e,i,s,o){t.preventDefault(),window.addEventListener("mousemove",this.changeCropNow),window.addEventListener("mouseup",this.changeCropEnd),window.addEventListener("touchmove",this.changeCropNow),window.addEventListener("touchend",this.changeCropEnd),this.canChangeX=e,this.canChangeY=i,this.changeCropTypeX=s,this.changeCropTypeY=o,this.cropX="clientX"in t?t.clientX:t.touches[0].clientX,this.cropY="clientY"in t?t.clientY:t.touches[0].clientY,this.cropOldW=this.cropW,this.cropOldH=this.cropH,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.fixed&&this.canChangeX&&this.canChangeY&&(this.canChangeY=0),this.$emit("changeCropSize",{width:this.cropW,height:this.cropH}),this.$emit("change-crop-size",{width:this.cropW,height:this.cropH})},changeCropNow(t){t.preventDefault();var e="clientX"in t?t.clientX:t.touches?t.touches[0].clientX:0,i="clientY"in t?t.clientY:t.touches?t.touches[0].clientY:0;let s=this.w,o=this.h,h=0,r=0;if(this.centerBox){let t=this.getImgAxis(),e=t.x2,i=t.y2;h=t.x1>0?t.x1:0,r=t.y1>0?t.y1:0,s>e&&(s=e),o>i&&(o=i)}const[a,c]=this.checkCropLimitSize();this.$nextTick((()=>{var t=e-this.cropX,n=i-this.cropY;if(this.canChangeX&&(1===this.changeCropTypeX?this.cropOldW-t<a?(this.cropW=a,this.cropOffsertX=this.cropOldW+this.cropChangeX-h-a):this.cropOldW-t>0?(this.cropW=s-this.cropChangeX-t<=s-h?this.cropOldW-t:this.cropOldW+this.cropChangeX-h,this.cropOffsertX=s-this.cropChangeX-t<=s-h?this.cropChangeX+t:h):(this.cropW=Math.abs(t)+this.cropChangeX<=s?Math.abs(t)-this.cropOldW:s-this.cropOldW-this.cropChangeX,this.cropOffsertX=this.cropChangeX+this.cropOldW):2===this.changeCropTypeX&&(this.cropOldW+t<a?this.cropW=a:this.cropOldW+t>0?(this.cropW=this.cropOldW+t+this.cropOffsertX<=s?this.cropOldW+t:s-this.cropOffsertX,this.cropOffsertX=this.cropChangeX):(this.cropW=s-this.cropChangeX+Math.abs(t+this.cropOldW)<=s-h?Math.abs(t+this.cropOldW):this.cropChangeX-h,this.cropOffsertX=s-this.cropChangeX+Math.abs(t+this.cropOldW)<=s-h?this.cropChangeX-Math.abs(t+this.cropOldW):h))),this.canChangeY&&(1===this.changeCropTypeY?this.cropOldH-n<c?(this.cropH=c,this.cropOffsertY=this.cropOldH+this.cropChangeY-r-c):this.cropOldH-n>0?(this.cropH=o-this.cropChangeY-n<=o-r?this.cropOldH-n:this.cropOldH+this.cropChangeY-r,this.cropOffsertY=o-this.cropChangeY-n<=o-r?this.cropChangeY+n:r):(this.cropH=Math.abs(n)+this.cropChangeY<=o?Math.abs(n)-this.cropOldH:o-this.cropOldH-this.cropChangeY,this.cropOffsertY=this.cropChangeY+this.cropOldH):2===this.changeCropTypeY&&(this.cropOldH+n<c?this.cropH=c:this.cropOldH+n>0?(this.cropH=this.cropOldH+n+this.cropOffsertY<=o?this.cropOldH+n:o-this.cropOffsertY,this.cropOffsertY=this.cropChangeY):(this.cropH=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-r?Math.abs(n+this.cropOldH):this.cropChangeY-r,this.cropOffsertY=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-r?this.cropChangeY-Math.abs(n+this.cropOldH):r))),this.canChangeX&&this.fixed){var p=this.cropW/this.fixedNumber[0]this.fixedNumber[1];p<c?(this.cropH=c,this.cropW=this.fixedNumber[0]c/this.fixedNumber[1],1===this.changeCropTypeX&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):p+this.cropOffsertY>o?(this.cropH=o-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]this.fixedNumber[0],1===this.changeCropTypeX&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):this.cropH=p}if(this.canChangeY&&this.fixed){var l=this.cropH/this.fixedNumber[1]this.fixedNumber[0];l<a?(this.cropW=a,this.cropH=this.fixedNumber[1]a/this.fixedNumber[0]):l+this.cropOffsertX>s?(this.cropW=s-this.cropOffsertX,this.cropH=this.cropW/this.fixedNumber[0]this.fixedNumber[1]):this.cropW=l}this.$emit("cropSizing",{cropW:this.cropW,cropH:this.cropH}),this.$emit("crop-sizing",{cropW:this.cropW,cropH:this.cropH})}))},checkCropLimitSize(){let{cropW:t,cropH:e,limitMinSize:i}=this,s=new Array;return s=Array.isArray(i)?i:[i,i],t=parseFloat(s[0]),e=parseFloat(s[1]),[t,e]},changeCropEnd(t){window.removeEventListener("mousemove",this.changeCropNow),window.removeEventListener("mouseup",this.changeCropEnd),window.removeEventListener("touchmove",this.changeCropNow),window.removeEventListener("touchend",this.changeCropEnd)},calculateSize(t,e,i,s,o,h){const r=t/e;let a=o,c=h;return a<i&&(a=i,c=Math.ceil(a/r)),c<s&&(c=s,a=Math.ceil(cr),a<i&&(a=i,c=Math.ceil(a/r))),a<o&&(a=o,c=Math.ceil(a/r)),c<h&&(c=h,a=Math.ceil(cr)),{width:a,height:c}},endCrop(){0===this.cropW&&0===this.cropH&&(this.cropping=!1);let[t,e]=this.checkCropLimitSize();const{width:i,height:s}=this.fixed?this.calculateSize(this.fixedNumber[0],this.fixedNumber[1],t,e,this.cropW,this.cropH):{width:t,height:e};i>this.cropW&&(this.cropW=i,this.cropOffsertX+i>this.w&&(this.cropOffsertX=this.w-i)),s>this.cropH&&(this.cropH=s,this.cropOffsertY+s>this.h&&(this.cropOffsertY=this.h-s)),window.removeEventListener("mousemove",this.createCrop),window.removeEventListener("mouseup",this.endCrop),window.removeEventListener("touchmove",this.createCrop),window.removeEventListener("touchend",this.endCrop)},startCrop(){this.crop=!0},stopCrop(){this.crop=!1},clearCrop(){this.cropping=!1,this.cropW=0,this.cropH=0},cropMove(t){if(t.preventDefault(),!this.canMoveBox)return this.crop=!1,this.startMove(t),!1;if(t.touches&&2===t.touches.length)return this.crop=!1,this.startMove(t),this.leaveCrop(),!1;window.addEventListener("mousemove",this.moveCrop),window.addEventListener("mouseup",this.leaveCrop),window.addEventListener("touchmove",this.moveCrop),window.addEventListener("touchend",this.leaveCrop);let e,i,s="clientX"in t?t.clientX:t.touches[0].clientX,o="clientY"in t?t.clientY:t.touches[0].clientY;e=s-this.cropOffsertX,i=o-this.cropOffsertY,this.cropX=e,this.cropY=i,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})},moveCrop(t,e){let i=0,s=0;t&&(t.preventDefault(),i="clientX"in t?t.clientX:t.touches[0].clientX,s="clientY"in t?t.clientY:t.touches[0].clientY),this.$nextTick((()=>{let t,o,h=i-this.cropX,r=s-this.cropY;if(e&&(h=this.cropOffsertX,r=this.cropOffsertY),t=h<=0?0:h+this.cropW>this.w?this.w-this.cropW:h,o=r<=0?0:r+this.cropH>this.h?this.h-this.cropH:r,this.centerBox){let e=this.getImgAxis();t<=e.x1&&(t=e.x1),t+this.cropW>e.x2&&(t=e.x2-this.cropW),o<=e.y1&&(o=e.y1),o+this.cropH>e.y2&&(o=e.y2-this.cropH)}this.cropOffsertX=t,this.cropOffsertY=o,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})}))},getImgAxis(t,e,i){t=t\|\|this.x,e=e\|\|this.y,i=i\|\|this.scale;let s={x1:0,x2:0,y1:0,y2:0},o=this.trueWidthi,h=this.trueHeighti;switch(this.rotate){case 0:s.x1=t+this.trueWidth(1-i)/2,s.x2=s.x1+this.trueWidthi,s.y1=e+this.trueHeight(1-i)/2,s.y2=s.y1+this.trueHeighti;break;case 1:case-1:case 3:case-3:s.x1=t+this.trueWidth(1-i)/2+(o-h)/2,s.x2=s.x1+this.trueHeighti,s.y1=e+this.trueHeight(1-i)/2+(h-o)/2,s.y2=s.y1+this.trueWidthi;break;default:s.x1=t+this.trueWidth(1-i)/2,s.x2=s.x1+this.trueWidthi,s.y1=e+this.trueHeight(1-i)/2,s.y2=s.y1+this.trueHeighti}return s},getCropAxis(){let t={x1:0,x2:0,y1:0,y2:0};return t.x1=this.cropOffsertX,t.x2=t.x1+this.cropW,t.y1=this.cropOffsertY,t.y2=t.y1+this.cropH,t},leaveCrop(t){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.$emit("cropMoving",{moving:!1,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!1,axis:this.getCropAxis()})},getCropChecked(t){let e=document.createElement("canvas"),i=new Image,s=this.rotate,o=this.trueWidth,h=this.trueHeight,r=this.cropOffsertX,a=this.cropOffsertY;function c(t,i){e.width=Math.round(t),e.height=Math.round(i)}i.onload=()=>{if(0!==this.cropW){let t=e.getContext("2d"),n=1;this.high&!this.full&&(n=window.devicePixelRatio),1!==this.enlarge&!this.full&&(n=Math.abs(Number(this.enlarge)));let p=this.cropWn,l=this.cropHn,d=othis.scalen,u=hthis.scalen,g=(this.x-r+this.trueWidth(1-this.scale)/2)n,m=(this.y-a+this.trueHeight(1-this.scale)/2)n;switch(c(p,l),t.save(),this.fillColor&&(t.fillStyle=this.fillColor,t.fillRect(0,0,e.width,e.height)),s){case 0:this.full?(c(p/this.scale,l/this.scale),t.drawImage(i,g/this.scale,m/this.scale,d/this.scale,u/this.scale)):t.drawImage(i,g,m,d,u);break;case 1:case-3:this.full?(c(p/this.scale,l/this.scale),g=g/this.scale+(d/this.scale-u/this.scale)/2,m=m/this.scale+(u/this.scale-d/this.scale)/2,t.rotate(90sMath.PI/180),t.drawImage(i,m,-g-u/this.scale,d/this.scale,u/this.scale)):(g+=(d-u)/2,m+=(u-d)/2,t.rotate(90sMath.PI/180),t.drawImage(i,m,-g-u,d,u));break;case 2:case-2:this.full?(c(p/this.scale,l/this.scale),t.rotate(90sMath.PI/180),g/=this.scale,m/=this.scale,t.drawImage(i,-g-d/this.scale,-m-u/this.scale,d/this.scale,u/this.scale)):(t.rotate(90sMath.PI/180),t.drawImage(i,-g-d,-m-u,d,u));break;case 3:case-1:this.full?(c(p/this.scale,l/this.scale),g=g/this.scale+(d/this.scale-u/this.scale)/2,m=m/this.scale+(u/this.scale-d/this.scale)/2,t.rotate(90sMath.PI/180),t.drawImage(i,-m-d/this.scale,g,d/this.scale,u/this.scale)):(g+=(d-u)/2,m+=(u-d)/2,t.rotate(90sMath.PI/180),t.drawImage(i,-m-d,g,d,u));break;default:this.full?(c(p/this.scale,l/this.scale),t.drawImage(i,g/this.scale,m/this.scale,d/this.scale,u/this.scale)):t.drawImage(i,g,m,d,u)}t.restore()}else{let t=othis.scale,r=hthis.scale,a=e.getContext("2d");switch(a.save(),this.fillColor&&(a.fillStyle=this.fillColor,a.fillRect(0,0,e.width,e.height)),s){case 0:c(t,r),a.drawImage(i,0,0,t,r);break;case 1:case-3:c(r,t),a.rotate(90sMath.PI/180),a.drawImage(i,0,-r,t,r);break;case 2:case-2:c(t,r),a.rotate(90sMath.PI/180),a.drawImage(i,-t,-r,t,r);break;case 3:case-1:c(r,t),a.rotate(90sMath.PI/180),a.drawImage(i,-t,0,t,r);break;default:c(t,r),a.drawImage(i,0,0,t,r)}a.restore()}t(e)},"data"!==this.img.substr(0,4)&&(i.crossOrigin="Anonymous"),i.src=this.imgs},getCropData(t){this.getCropChecked((e=>{t(e.toDataURL("image/"+this.outputType,this.outputSize))}))},getCropBlob(t){this.getCropChecked((e=>{e.toBlob((e=>t(e)),"image/"+this.outputType,this.outputSize)}))},showPreview(){if(!this.isCanShow)return!1;this.isCanShow=!1,setTimeout((()=>{this.isCanShow=!0}),16);let t=this.cropW,e=this.cropH,i=this.scale;var s={};s.div={width:`${t}px`,height:`${e}px`};let o=(this.x-this.cropOffsertX)/i,h=(this.y-this.cropOffsertY)/i;s.w=t,s.h=e,s.url=this.imgs,s.img={width:`${this.trueWidth}px`,height:`${this.trueHeight}px`,transform:`scale(${i})translate3d(${o}px, ${h}px, 0px)rotateZ(${90this.rotate}deg)`},s.html=`\n <div class="show-preview" style="width: ${s.w}px; height: ${s.h}px; overflow: hidden">\n <div style="width: ${t}px; height: ${e}px">\n <img src=${s.url} style="width: ${this.trueWidth}px; height: ${this.trueHeight}px; transform:\n scale(${i})translate3d(${o}px, ${h}px, 0px)rotateZ(${90this.rotate}deg)">\n </div>\n </div>`,this.$emit("realTime",s),this.$emit("real-time",s)},reload(){let t=new Image;t.onload=()=>{this.w=parseFloat(window.getComputedStyle(this.$refs.cropper).width),this.h=parseFloat(window.getComputedStyle(this.$refs.cropper).height),this.trueWidth=t.width,this.trueHeight=t.height,this.original?this.scale=1:this.scale=this.checkedMode(),this.$nextTick((()=>{this.x=-(this.trueWidth-this.trueWidththis.scale)/2+(this.w-this.trueWidththis.scale)/2,this.y=-(this.trueHeight-this.trueHeightthis.scale)/2+(this.h-this.trueHeightthis.scale)/2,this.loading=!1,this.autoCrop&&this.goAutoCrop(),this.$emit("img-load","success"),this.$emit("imgLoad","success"),setTimeout((()=>{this.showPreview()}),20)}))},t.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error")},t.src=this.imgs},checkedMode(){let t=1,e=this.trueWidth,i=this.trueHeight;const s=this.mode.split(" ");switch(s[0]){case"contain":this.trueWidth>this.w&&(t=this.w/this.trueWidth),this.trueHeightt>this.h&&(t=this.h/this.trueHeight);break;case"cover":e=this.w,t=e/this.trueWidth,i=t,i<this.h&&(i=this.h,t=i/this.trueHeight);break;default:try{let o=s[0];if(-1!==o.search("px")){o=o.replace("px",""),e=parseFloat(o);const h=e/this.trueWidth;let r=1,a=s[1];-1!==a.search("px")&&(a=a.replace("px",""),i=parseFloat(a),r=i/this.trueHeight),t=Math.min(h,r)}if(-1!==o.search("%")&&(o=o.replace("%",""),e=parseFloat(o)/100this.w,t=e/this.trueWidth),2===s.length&&"auto"===o){let e=s[1];-1!==e.search("px")&&(e=e.replace("px",""),i=parseFloat(e),t=i/this.trueHeight),-1!==e.search("%")&&(e=e.replace("%",""),i=parseFloat(e)/100this.h,t=i/this.trueHeight)}}catch(o){t=1}}return t},goAutoCrop(t,e){if(""===this.imgs\|\|null===this.imgs)return;this.clearCrop(),this.cropping=!0;let i=this.w,s=this.h;if(this.centerBox){const t=Math.abs(this.rotate)%2>0;let e=(t?this.trueHeight:this.trueWidth)this.scale,o=(t?this.trueWidth:this.trueHeight)this.scale;i=e<i?e:i,s=o<s?o:s}var o=t\|\|parseFloat(this.autoCropWidth),h=e\|\|parseFloat(this.autoCropHeight);0!==o&&0!==h\|\|(o=.8i,h=.8s),o=o>i?i:o,h=h>s?s:h,this.fixed&&(h=o/this.fixedNumber[0]this.fixedNumber[1]),h>this.h&&(o=(h=this.h)/this.fixedNumber[1]this.fixedNumber[0]),this.changeCrop(o,h)},changeCrop(t,e){if(this.centerBox){let i=this.getImgAxis();t>i.x2-i.x1&&(e=(t=i.x2-i.x1)/this.fixedNumber[0]this.fixedNumber[1]),e>i.y2-i.y1&&(t=(e=i.y2-i.y1)/this.fixedNumber[1]this.fixedNumber[0])}this.cropW=t,this.cropH=e,this.checkCropLimitSize(),this.$nextTick((()=>{this.cropOffsertX=(this.w-this.cropW)/2,this.cropOffsertY=(this.h-this.cropH)/2,this.centerBox&&this.moveCrop(null,!0)}))},refresh(){this.img,this.imgs="",this.scale=1,this.crop=!1,this.rotate=0,this.w=0,this.h=0,this.trueWidth=0,this.trueHeight=0,this.clearCrop(),this.$nextTick((()=>{this.checkedImg()}))},rotateLeft(){this.rotate=this.rotate<=-3?0:this.rotate-1},rotateRight(){this.rotate=this.rotate>=3?0:this.rotate+1},rotateClear(){this.rotate=0},checkoutImgAxis(t,e,i){t=t\|\|this.x,e=e\|\|this.y,i=i\|\|this.scale;let s=!0;if(this.centerBox){let o=this.getImgAxis(t,e,i),h=this.getCropAxis();o.x1>=h.x1&&(s=!1),o.x2<=h.x2&&(s=!1),o.y1>=h.y1&&(s=!1),o.y2<=h.y2&&(s=!1)}return s}},mounted(){this.support="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll";let t=this;var e=navigator.userAgent;this.isIOS=!!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),HTMLCanvasElement.prototype.toBlob\|\|Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(e,i,s){for(var o=atob(this.toDataURL(i,s).split(",")[1]),h=o.length,r=new Uint8Array(h),a=0;a<h;a++)r[a]=o.charCodeAt(a);e(new Blob([r],{type:t.type\|\|"image/png"}))}}),this.showPreview(),this.checkedImg()},destroyed(){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.cancelScale()}},o={key:0,class:"cropper-box"},h=["src"],r={class:"cropper-view-box"},a=["src"],c={key:1};const n=i._export_sfc(s,[["render",function(e,i,s,n,p,l){return t.openBlock(),t.createElementBlock("div",{class:"vue-cropper",ref:"cropper",onMouseover:i[28]\|\|(i[28]=(...t)=>l.scaleImg&&l.scaleImg(...t)),onMouseout:i[29]\|\|(i[29]=(...t)=>l.cancelScale&&l.cancelScale(...t))},[e.imgs?(t.openBlock(),t.createElementBlock("div",o,[t.withDirectives(t.createElementVNode("div",{class:"cropper-box-canvas",style:t.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+e.x/e.scale+"px,"+e.y/e.scale+"px,0)rotateZ("+90e.rotate+"deg)"})},[t.createElementVNode("img",{src:e.imgs,alt:"cropper-img",ref:"cropperImg"},null,8,h)],4),[[t.vShow,!e.loading]])])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["cropper-drag-box",{"cropper-move":e.move&&!e.crop,"cropper-crop":e.crop,"cropper-modal":e.cropping}]),onMousedown:i[0]\|\|(i[0]=(...t)=>l.startMove&&l.startMove(...t)),onTouchstart:i[1]\|\|(i[1]=(...t)=>l.startMove&&l.startMove(...t))},null,34),t.withDirectives(t.createElementVNode("div",{class:"cropper-crop-box",style:t.normalizeStyle({width:e.cropW+"px",height:e.cropH+"px",transform:"translate3d("+e.cropOffsertX+"px,"+e.cropOffsertY+"px,0)"})},[t.createElementVNode("span",r,[t.createElementVNode("img",{style:t.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+(e.x-e.cropOffsertX)/e.scale+"px,"+(e.y-e.cropOffsertY)/e.scale+"px,0)rotateZ("+90e.rotate+"deg)"}),src:e.imgs,alt:"cropper-img"},null,12,a)]),t.createElementVNode("span",{class:"cropper-face cropper-move",onMousedown:i[2]\|\|(i[2]=(...t)=>l.cropMove&&l.cropMove(...t)),onTouchstart:i[3]\|\|(i[3]=(...t)=>l.cropMove&&l.cropMove(...t))},null,32),s.info?(t.openBlock(),t.createElementBlock("span",{key:0,class:"crop-info",style:t.normalizeStyle({top:l.cropInfo.top})},t.toDisplayString(l.cropInfo.width)+" × "+t.toDisplayString(l.cropInfo.height),5)):t.createCommentVNode("",!0),s.fixedBox?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",c,[t.createElementVNode("span",{class:"crop-line line-w",onMousedown:i[4]\|\|(i[4]=t=>l.changeCropSize(t,!1,!0,0,1)),onTouchstart:i[5]\|\|(i[5]=t=>l.changeCropSize(t,!1,!0,0,1))},null,32),t.createElementVNode("span",{class:"crop-line line-a",onMousedown:i[6]\|\|(i[6]=t=>l.changeCropSize(t,!0,!1,1,0)),onTouchstart:i[7]\|\|(i[7]=t=>l.changeCropSize(t,!0,!1,1,0))},null,32),t.createElementVNode("span",{class:"crop-line line-s",onMousedown:i[8]\|\|(i[8]=t=>l.changeCropSize(t,!1,!0,0,2)),onTouchstart:i[9]\|\|(i[9]=t=>l.changeCropSize(t,!1,!0,0,2))},null,32),t.createElementVNode("span",{class:"crop-line line-d",onMousedown:i[10]\|\|(i[10]=t=>l.changeCropSize(t,!0,!1,2,0)),onTouchstart:i[11]\|\|(i[11]=t=>l.changeCropSize(t,!0,!1,2,0))},null,32),t.createElementVNode("span",{class:"crop-point point1",onMousedown:i[12]\|\|(i[12]=t=>l.changeCropSize(t,!0,!0,1,1)),onTouchstart:i[13]\|\|(i[13]=t=>l.changeCropSize(t,!0,!0,1,1))},null,32),t.createElementVNode("span",{class:"crop-point point2",onMousedown:i[14]\|\|(i[14]=t=>l.changeCropSize(t,!1,!0,0,1)),onTouchstart:i[15]\|\|(i[15]=t=>l.changeCropSize(t,!1,!0,0,1))},null,32),t.createElementVNode("span",{class:"crop-point point3",onMousedown:i[16]\|\|(i[16]=t=>l.changeCropSize(t,!0,!0,2,1)),onTouchstart:i[17]\|\|(i[17]=t=>l.changeCropSize(t,!0,!0,2,1))},null,32),t.createElementVNode("span",{class:"crop-point point4",onMousedown:i[18]\|\|(i[18]=t=>l.changeCropSize(t,!0,!1,1,0)),onTouchstart:i[19]\|\|(i[19]=t=>l.changeCropSize(t,!0,!1,1,0))},null,32),t.createElementVNode("span",{class:"crop-point point5",onMousedown:i[20]\|\|(i[20]=t=>l.changeCropSize(t,!0,!1,2,0)),onTouchstart:i[21]\|\|(i[21]=t=>l.changeCropSize(t,!0,!1,2,0))},null,32),t.createElementVNode("span",{class:"crop-point point6",onMousedown:i[22]\|\|(i[22]=t=>l.changeCropSize(t,!0,!0,1,2)),onTouchstart:i[23]\|\|(i[23]=t=>l.changeCropSize(t,!0,!0,1,2))},null,32),t.createElementVNode("span",{class:"crop-point point7",onMousedown:i[24]\|\|(i[24]=t=>l.changeCropSize(t,!1,!0,0,2)),onTouchstart:i[25]\|\|(i[25]=t=>l.changeCropSize(t,!1,!0,0,2))},null,32),t.createElementVNode("span",{class:"crop-point point8",onMousedown:i[26]\|\|(i[26]=t=>l.changeCropSize(t,!0,!0,2,2)),onTouchstart:i[27]\|\|(i[27]=t=>l.changeCropSize(t,!0,!0,2,2))},null,32)]))],4),[[t.vShow,e.cropping]])],544)}],["__scopeId","data-v-168a3964"]]),p={class:"h-full"},l={class:"avatar-upload-preview"},d=["src"],u=t.defineComponent({__name:"uploadAvatar",props:{avatar:{default:""},close:{type:Function,default:close},proxyId:{default:""}},setup(e){const{postSinglefile:s,postUpdateFile:o}=i.useFileController(),h=e;let r=t.ref({});t.onMounted((async()=>{r.value=await i.systemStore.get("userInfo")}));let{avatar:a}=t.toRefs(h);const c=t.reactive({img:"",autoCrop:!0,autoCropWidth:200,autoCropHeight:200,fixedBox:!1,outputSize:.5,outputType:"jpeg",canScale:!1,fixed:!1,fixedNumber:[1,1],full:!0,canMoveBox:!1,original:!1,centerBox:!1,infoTrue:!0,filename:""}),u=t.ref({}),g=t.ref({});t.ref(!1);let m=t=>{"left"==t&&g.value.rotateLeft(),"right"==t&&g.value.rotateRight()},f=t=>{const e=t\|\|1;g.value.changeScale(e)},v=()=>{g.value.refresh()};const w=t=>{u.value=t};let x=()=>{},C=t=>{if(!["image/png","image/jpg","image/jpeg","image/PNG","image/JPG","image/JPEG","image/gif"].includes(t.type))return i.ElMessage.error("图片格式有误，请重新上传"),!1;{const e=new FileReader;e.readAsDataURL(t),e.onload=()=>{c.img=e.result,c.filename=t.name}}},y=()=>{c.img\|\|i.ElMessage.warning("请先选择图片"),g.value.getCropBlob((async t=>{const e=await s({data:{file:t},proxy:h.proxyId}),i=await o({data:{id:r.value.id,attchIdArrStr:e.data.id,attachType:2},proxy:h.proxyId});h.close(i)}))};return t.onMounted((()=>{setTimeout((()=>{c.img=a.value}),100)})),(e,i)=>{const s=t.resolveComponent("el-col"),o=t.resolveComponent("el-row"),h=t.resolveComponent("bc-icon"),r=t.resolveComponent("el-button"),a=t.resolveComponent("hs-upload");return t.openBlock(),t.createElementBlock("div",p,[t.createVNode(o,null,{default:t.withCtx((()=>[t.createVNode(s,{xs:24,md:13,style:{height:"350px"}},{default:t.withCtx((()=>[t.createVNode(n,{ref_key:"cropperRef",ref:g,img:c.img,info:!0,infoTrue:c.infoTrue,"auto-crop":c.autoCrop,"fixed-box":c.fixedBox,fixedNumber:c.fixedNumber,fixed:c.fixed,centerBox:c.centerBox,outputType:"png",onRealTime:w},null,8,["img","infoTrue","auto-crop","fixed-box","fixedNumber","fixed","centerBox"])])),_:1}),t.createVNode(s,{xs:24,md:11,style:{height:"350px"}},{default:t.withCtx((()=>[t.createElementVNode("div",l,[t.createElementVNode("img",{src:u.value.url,style:t.normalizeStyle(u.value.img)},null,12,d)])])),_:1})])),_:1}),t.createVNode(o,{class:"ptb2 py-3"},{default:t.withCtx((()=>[t.createVNode(s,{lg:2,md:2},{default:t.withCtx((()=>[t.createVNode(a,{action:"#","http-request":t.unref(x),"show-file-list":!1,"before-upload":t.unref(C),accept:"image/*"},{default:t.withCtx((()=>[t.createVNode(r,{size:"default"},{default:t.withCtx((()=>[t.createTextVNode(" 选择 "),t.createVNode(h,{name:"ele-UploadFilled"})])),_:1})])),_:1},8,["http-request","before-upload"])])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-Plus",onClick:i[0]\|\|(i[0]=e=>t.unref(f)(1))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-Minus",onClick:i[1]\|\|(i[1]=e=>t.unref(f)(-1))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-RefreshLeft",onClick:i[2]\|\|(i[2]=e=>t.unref(m)("left"))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",icon:"ele-RefreshRight",onClick:i[3]\|\|(i[3]=e=>t.unref(m)("right"))})])),_:1}),t.createVNode(s,{lg:{span:1,offset:1},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",onClick:i[4]\|\|(i[4]=e=>t.unref(v)())},{default:t.withCtx((()=>[t.createTextVNode("重置")])),_:1})])),_:1}),t.createVNode(s,{lg:{span:1,offset:7},md:2},{default:t.withCtx((()=>[t.createVNode(r,{size:"default",type:"primary",onClick:i[5]\|\|(i[5]=e=>t.unref(y)())},{default:t.withCtx((()=>[t.createTextVNode("提交")])),_:1})])),_:1})])),_:1})])}}}),g=i._export_sfc(u,[["__scopeId","data-v-99513ec9"]]);exports.default=g;

package/dist/uploadAvatar-qk1m323b.js.gz ADDED Viewed

Binary file