@gct-paas/core-web 0.1.4-dev.12 → 0.1.4-dev.14

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 (113) hide show
  1. package/dist/de_DE-CYotlhMS.js +1 -0
  2. package/dist/en_US-DjLwq3RF.js +1 -0
  3. package/dist/es_ES-0UhVFVHw.js +1 -0
  4. package/dist/fr_FR-Xgsbf3iG.js +1 -0
  5. package/dist/index.min.css +1 -1
  6. package/dist/ja_JP-3aUbzjBv.js +1 -0
  7. package/dist/loader.esm.min.js +1 -0
  8. package/dist/monaco-editor-DKwtDu2R.js +1 -0
  9. package/dist/objectSpread2-BL8YUfIz.js +1 -0
  10. package/dist/pt_PT-BzMPT58e.js +1 -0
  11. package/dist/ru_RU-BRHq1RXx.js +1 -0
  12. package/dist/tr_TR-CPqM558w.js +1 -0
  13. package/dist/useMonacoEditor-DrIqFqr0.js +1 -0
  14. package/dist/vi_VN-BOKGrWoY.js +1 -0
  15. package/dist/zh_CN-upOsz50m.js +1 -0
  16. package/dist/zh_TW-jlmatmAz.js +1 -0
  17. package/es/components/UserPick/index.d.ts +46 -0
  18. package/es/components/UserPick/index.mjs +113 -0
  19. package/es/components/UserPick/src/components/dept-item.vue.d.ts +11 -0
  20. package/es/components/UserPick/src/components/dept-item.vue.mjs +7 -0
  21. package/es/components/UserPick/src/components/dept-item.vue_vue_type_script_setup_true_lang.mjs +32 -0
  22. package/es/components/UserPick/src/components/dept-item.vue_vue_type_style_index_0_scoped_075b8ce7_lang.css +3 -0
  23. package/es/components/UserPick/src/components/user-item.vue.d.ts +11 -0
  24. package/es/components/UserPick/src/components/user-item.vue.mjs +7 -0
  25. package/es/components/UserPick/src/components/user-item.vue_vue_type_script_setup_true_lang.mjs +33 -0
  26. package/es/components/UserPick/src/components/user-item.vue_vue_type_style_index_0_scoped_1456f8b9_lang.css +3 -0
  27. package/es/components/UserPick/src/hooks.d.ts +1 -0
  28. package/es/components/UserPick/src/hooks.mjs +94 -0
  29. package/es/components/UserPick/src/user-pick.vue.d.ts +17 -0
  30. package/es/components/UserPick/src/user-pick.vue.mjs +7 -0
  31. package/es/components/UserPick/src/user-pick.vue_vue_type_script_setup_true_lang.mjs +280 -0
  32. package/es/components/UserPick/src/user-pick.vue_vue_type_style_index_0_scoped_081b9663_lang.css +39 -0
  33. package/es/components/field-upload/index.d.ts +2 -0
  34. package/es/components/field-upload/index.mjs +7 -0
  35. package/es/components/field-upload/src/FieldUpload.vue.d.ts +37 -0
  36. package/es/components/field-upload/src/FieldUpload.vue.mjs +5 -0
  37. package/es/components/field-upload/src/FieldUpload.vue_vue_type_script_setup_true_name_FieldUpload_lang.mjs +111 -0
  38. package/es/components/field-upload/src/components/base-upload.vue.d.ts +21 -0
  39. package/es/components/field-upload/src/components/base-upload.vue.mjs +7 -0
  40. package/es/components/field-upload/src/components/base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs +227 -0
  41. package/es/components/field-upload/src/components/base-upload.vue_vue_type_style_index_0_scoped_f53b6ac6_lang.css +76 -0
  42. package/es/components/field-upload/src/components/file-list.vue.d.ts +17 -0
  43. package/es/components/field-upload/src/components/file-list.vue.mjs +7 -0
  44. package/es/components/field-upload/src/components/file-list.vue_vue_type_script_setup_true_name_fileList_lang.mjs +129 -0
  45. package/es/components/field-upload/src/components/file-list.vue_vue_type_style_index_0_scoped_3918aad0_lang.css +129 -0
  46. package/es/components/field-upload/src/components/upload-design.vue.d.ts +5 -0
  47. package/es/components/field-upload/src/components/upload-design.vue.mjs +7 -0
  48. package/es/components/field-upload/src/components/upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs +43 -0
  49. package/es/components/field-upload/src/components/upload-design.vue_vue_type_style_index_0_scoped_1e5189c1_lang.css +43 -0
  50. package/es/components/field-upload/src/hooks/hooks.d.ts +4 -0
  51. package/es/components/field-upload/src/hooks/hooks.mjs +47 -0
  52. package/es/components/field-upload/src/types/index.d.ts +42 -0
  53. package/es/components/field-upload/src/types/index.mjs +24 -0
  54. package/es/components/image-upload/index.d.ts +2 -0
  55. package/es/components/image-upload/index.mjs +7 -0
  56. package/es/components/image-upload/src/ImageUpload.vue.d.ts +32 -0
  57. package/es/components/image-upload/src/ImageUpload.vue.mjs +5 -0
  58. package/es/components/image-upload/src/ImageUpload.vue_vue_type_script_setup_true_name_ImageUpload_lang.mjs +74 -0
  59. package/es/components/image-upload/src/components/base-upload.vue.d.ts +24 -0
  60. package/es/components/image-upload/src/components/base-upload.vue.mjs +8 -0
  61. package/es/components/image-upload/src/components/base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs +209 -0
  62. package/es/components/image-upload/src/components/base-upload.vue_vue_type_style_index_0_scoped_3248e630_lang.css +73 -0
  63. package/es/components/image-upload/src/components/base-upload.vue_vue_type_style_index_1_lang.css +3 -0
  64. package/es/components/image-upload/src/components/upload-design.vue.d.ts +6 -0
  65. package/es/components/image-upload/src/components/upload-design.vue.mjs +7 -0
  66. package/es/components/image-upload/src/components/upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs +33 -0
  67. package/es/components/image-upload/src/components/upload-design.vue_vue_type_style_index_0_scoped_575d3a1a_lang.css +33 -0
  68. package/es/components/image-upload/src/hooks/hooks.d.ts +2 -0
  69. package/es/components/image-upload/src/types/index.d.ts +34 -0
  70. package/es/components/image-upload/src/types/index.mjs +8 -0
  71. package/es/components/index.d.ts +5 -1
  72. package/es/components/index.mjs +3 -0
  73. package/es/create-app-vue.mjs +2 -0
  74. package/es/hooks/index.d.ts +1 -0
  75. package/es/hooks/index.mjs +1 -0
  76. package/es/hooks/useFile.mjs +22 -0
  77. package/es/hooks/useLocale.d.ts +365 -1
  78. package/es/hooks/useLocale.mjs +20 -24
  79. package/es/index.d.ts +1 -0
  80. package/es/index.mjs +12 -6
  81. package/es/loader.d.ts +1 -0
  82. package/es/loader.mjs +92 -0
  83. package/es/modules/Cropper/index.mjs +11 -0
  84. package/es/modules/Cropper/src/CopperFreeModal.vue.mjs +7 -0
  85. package/es/modules/Cropper/src/CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs +299 -0
  86. package/es/modules/Cropper/src/CopperFreeModal.vue_vue_type_style_index_0_scoped_28afc2ab_lang.css +48 -0
  87. package/es/modules/Cropper/src/CopperModal.vue.mjs +7 -0
  88. package/es/modules/Cropper/src/CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs +283 -0
  89. package/es/modules/Cropper/src/CopperModal.vue_vue_type_style_index_0_scoped_f42f8311_lang.css +71 -0
  90. package/es/modules/Cropper/src/Cropper.vue.d.ts +3 -3
  91. package/es/modules/Cropper/src/Cropper.vue.mjs +25 -0
  92. package/es/modules/Cropper/src/Cropper.vue_vue_type_script_lang.mjs +173 -0
  93. package/es/modules/Cropper/src/Cropper.vue_vue_type_style_index_0_lang.css +4 -0
  94. package/es/modules/Cropper/src/CropperAvatar.vue.mjs +7 -0
  95. package/es/modules/Cropper/src/CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs +116 -0
  96. package/es/modules/Cropper/src/CropperAvatar.vue_vue_type_style_index_0_scoped_66052c52_lang.css +39 -0
  97. package/es/modules/Cropper/src/CropperFree.vue.mjs +7 -0
  98. package/es/modules/Cropper/src/CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs +166 -0
  99. package/es/modules/Cropper/src/CropperFree.vue_vue_type_style_index_0_scoped_dc019220_lang.css +83 -0
  100. package/es/modules/code-editor/index.d.ts +3 -3
  101. package/es/modules/code-editor/monaco-editor.vue.d.ts +1 -1
  102. package/es/modules/code-editor/monaco-editor.vue.mjs +2 -2
  103. package/es/modules/code-editor/monaco-editor.vue_vue_type_script_setup_true_name_code-editor_lang.mjs +4 -3
  104. package/es/modules/code-editor/{monaco-editor.vue_vue_type_style_index_0_scoped_254c9227_lang.css → monaco-editor.vue_vue_type_style_index_0_scoped_ccf22884_lang.css} +9 -9
  105. package/es/modules/gct-table/editor/gct-table-date/gct-table-date.mjs +1 -1
  106. package/es/modules/gct-table/editor/gct-table-text/gct-table-text.mjs +1 -1
  107. package/es/modules/global-modal/src/BasicModal.vue.d.ts +2 -2
  108. package/package.json +7 -14
  109. package/dist/index.esm.min.js +0 -9864
  110. package/dist/monaco-editor-BHuf3IVH.js +0 -280
  111. package/dist/useMonacoEditor-CfhCBaPa.js +0 -2852
  112. /package/es/{modules/Cropper/hooks → hooks}/useFile.d.ts +0 -0
  113. /package/es/modules/gct-table/editor/{gct-table-text/gct-table-text.css → gct-table-date/gct-table-date.css} +0 -0
package/es/loader.mjs ADDED
@@ -0,0 +1,92 @@
1
+ import "./modules/gct-form/constants/editor-register/editor-register.mjs";
2
+ import "./modules/gct-form/constants/editor-type/editor-type.mjs";
3
+ import "./modules/gct-form/constants/index.mjs";
4
+ import "./modules/gct-form/state/form/form.state.mjs";
5
+ import "./modules/gct-form/state/form-item-basic/form-item-basic.state.mjs";
6
+ import "./modules/gct-form/state/form-collapse-pane/form-collapse-pane.state.mjs";
7
+ import "./modules/gct-form/state/form-collapse/form-collapse.state.mjs";
8
+ import "./modules/gct-form/state/form-tab/form-tab.state.mjs";
9
+ import "./modules/gct-form/state/form-tab-pane/form-tab-pane.state.mjs";
10
+ import "./modules/gct-form/state/form-edit-item/form-edit-item.state.mjs";
11
+ import "./modules/gct-form/state/form-group/form-group.state.mjs";
12
+ import "./modules/gct-form/state/form-item/form-item.state.mjs";
13
+ import "./modules/gct-form/state/form-line/form-line.state.mjs";
14
+ import "./modules/gct-form/controller/gct-form/gct-form.controller.mjs";
15
+ import "./modules/gct-form/controller/edit-form/edit-form.controller.mjs";
16
+ import "./modules/gct-form/controller/editor-item/editor-item.controller.mjs";
17
+ import "./modules/gct-form/controller/form-item-basic/form-item-basic.controller.mjs";
18
+ import "./modules/gct-form/controller/form-collapse-pane/form-collapse-pane.controller.mjs";
19
+ import "./modules/gct-form/controller/form-collapse/form-collapse.controller.mjs";
20
+ import "./modules/gct-form/controller/form-tab/form-tab.controller.mjs";
21
+ import "./modules/gct-form/controller/form-tab-pane/form-tab-pane.controller.mjs";
22
+ import "./modules/gct-form/controller/form-group/form-group.controller.mjs";
23
+ import "./modules/gct-form/controller/form-edit-item/form-edit-item.controller.mjs";
24
+ import "./modules/gct-form/controller/form-item/form-item.controller.mjs";
25
+ import "./modules/gct-form/controller/form-item-hidden/form-item-hidden.controller.mjs";
26
+ import "./modules/gct-form/controller/form-line/form-line.controller.mjs";
27
+ import "./modules/gct-form/hooks/use-form/use-form.mjs";
28
+ import "./modules/gct-form/hooks/use-gct-form-value/use-gct-form-value.mjs";
29
+ import "./modules/gct-form/props/gct-form-item/gct-form-item.props.mjs";
30
+ import "./modules/gct-form/register/editor-register/editor-register.mjs";
31
+ import "./modules/gct-form/register/form-item-register/form-item-register.mjs";
32
+ import "./modules/formula-editor/constants/index.mjs";
33
+ import "./components/svg-icon/svg-icon.vue.mjs";
34
+ import "./components/assets-svg-icon/assets-svg-icon.mjs";
35
+ import "./components/base-button/base-button.vue.mjs";
36
+ import "./components/basic-button/basic-button.vue.mjs";
37
+ import "./components/wujie-container/wujie-container.mjs";
38
+ import "./components/double-input/double-input.vue.mjs";
39
+ import "./components/copy-module-key/copy-module-key.vue.mjs";
40
+ import "./components/icon-next/src/IconNext.vue.mjs";
41
+ import "./utils/message-util/message-util.mjs";
42
+ import "./utils/monaco-loader/monaco-loader.mjs";
43
+ import "./utils/overlay-controller/overlay-controller.mjs";
44
+ import "./utils/with-install.mjs";
45
+ import "./components/image-upload/index.mjs";
46
+ import "./components/field-upload/index.mjs";
47
+ import "./components/code-editor/code-editor.mjs";
48
+ import "./components/layout/view-container/view-container.mjs";
49
+ import "./components/vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
50
+ import "./components/UserPick/index.mjs";
51
+ import "./modules/formula-editor/formula-editor.mjs";
52
+ import "./modules/gct-table/state/table/table.state.mjs";
53
+ import "./modules/gct-table/state/table-item/table-item.state.mjs";
54
+ import "./modules/gct-table/state/table-item/table-edit-item.state.mjs";
55
+ import "./modules/gct-table/state/table-row/table-row.state.mjs";
56
+ import "./modules/gct-table/controller/table-item/table-item.controller.mjs";
57
+ import "./modules/gct-table/controller/table-item/table-action-item.controller.mjs";
58
+ import "./modules/gct-table/controller/table-item/table-edit-item.controller.mjs";
59
+ import "./modules/gct-table/controller/table-row/table-row.controller.mjs";
60
+ import "./modules/gct-table/controller/gct-table/gct-table.controller.mjs";
61
+ import "./modules/gct-table/hooks/use-ant-table/use-ant-table.mjs";
62
+ import "./modules/gct-table/register/table-editor-register/table-editor-register.mjs";
63
+ import "./hooks/useLocale.mjs";
64
+ import "./hooks/useTheme.mjs";
65
+ import "./hooks/useDragLine.mjs";
66
+ import "./hooks/useDesign.mjs";
67
+ import "./hooks/useFile.mjs";
68
+ import "./modules/code-editor/useEditorConsole.mjs";
69
+ import "./modules/code-editor/useMonacoEditor.mjs";
70
+ import "./modules/code-editor/index.mjs";
71
+ import "./modules/color-picker/src/ColorPicker.vue.mjs";
72
+ import "./modules/gct-dnd/constants/index.mjs";
73
+ import "./modules/gct-dnd/components/gct-dnd-item/gct-dnd-item.mjs";
74
+ import "./modules/gct-dnd/components/gct-dnd-drop-line/gct-dnd-drop-line.mjs";
75
+ import "./modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.mjs";
76
+ import "./modules/global-modal/src/hooks/useModalDrag.mjs";
77
+ import "./modules/global-modal/src/hooks/useModalContext.mjs";
78
+ import "./modules/global-modal/src/hooks/useModal.mjs";
79
+ import "./modules/global-modal/index.mjs";
80
+ import "./modules/Cropper/index.mjs";
81
+ import "./create-app-vue.mjs";
82
+ import "./setup-app.mjs";
83
+ import "./index.mjs";
84
+ import { cssLoader } from "@gct-paas/core";
85
+ //#region src/loader.ts
86
+ var cssUrl = new URL(
87
+ /* @vite-ignore */
88
+ "./index.min.css",
89
+ import.meta.url
90
+ );
91
+ cssLoader.load(cssUrl.href);
92
+ //#endregion
@@ -0,0 +1,11 @@
1
+ import { withInstall } from "../../utils/with-install.mjs";
2
+ import "../../utils/index.mjs";
3
+ import Cropper_default from "./src/Cropper.vue.mjs";
4
+ import CropperAvatar_default from "./src/CropperAvatar.vue.mjs";
5
+ import CropperFree_default from "./src/CropperFree.vue.mjs";
6
+ //#region src/modules/Cropper/index.ts
7
+ var CropperImage = withInstall(Cropper_default);
8
+ var CropperAvatar = withInstall(CropperAvatar_default);
9
+ var CropperFree = withInstall(CropperFree_default);
10
+ //#endregion
11
+ export { CropperAvatar, CropperFree, CropperImage };
@@ -0,0 +1,7 @@
1
+ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
2
+ import CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
3
+ import './CopperFreeModal.vue_vue_type_style_index_0_scoped_28afc2ab_lang.css';/* empty css */
4
+ //#region src/modules/Cropper/src/CopperFreeModal.vue
5
+ var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-28afc2ab"]]);
6
+ //#endregion
7
+ export { CopperFreeModal_default as default };
@@ -0,0 +1,299 @@
1
+ import { useDesign } from "../../../hooks/useDesign.mjs";
2
+ import "../../../hooks/index.mjs";
3
+ import { useModalInner } from "../../global-modal/src/hooks/useModal.mjs";
4
+ import { BasicModal } from "../../global-modal/index.mjs";
5
+ import Cropper_default from "./Cropper.vue.mjs";
6
+ import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
7
+ import { isFunction } from "lodash-es";
8
+ import { dataURLtoBlob, t } from "@gct-paas/core";
9
+ import { Space, Tooltip, Upload, message } from "ant-design-vue";
10
+ import { ReloadOutlined } from "@ant-design/icons-vue";
11
+ //#region src/modules/Cropper/src/CopperFreeModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
12
+ var _hoisted_1 = {
13
+ key: 1,
14
+ class: "empty"
15
+ };
16
+ var _hoisted_2 = { class: "flex flex-col justify-center items-center" };
17
+ var _hoisted_3 = ["title"];
18
+ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default = /* @__PURE__ */ defineComponent({
19
+ __name: "CopperFreeModal",
20
+ props: {
21
+ title: {
22
+ type: String,
23
+ default: "图片上传"
24
+ },
25
+ circled: {
26
+ type: Boolean,
27
+ default: true
28
+ },
29
+ uploadApi: { type: Function },
30
+ src: { type: String },
31
+ aspectRatio: { type: Number },
32
+ accept: {
33
+ type: Array,
34
+ default: [
35
+ "jpg",
36
+ "jpeg",
37
+ "png",
38
+ "bmp"
39
+ ]
40
+ },
41
+ beforeUpload: { type: Function },
42
+ uploadText: { type: String }
43
+ },
44
+ emits: ["uploadSuccess", "register"],
45
+ setup(__props, { emit: __emit }) {
46
+ const props = __props;
47
+ const emit = __emit;
48
+ const src = ref(props.src || "");
49
+ const originalSrc = ref(props.src || "");
50
+ const previewSource = ref("");
51
+ const cropper = ref();
52
+ let scaleX = 1;
53
+ let scaleY = 1;
54
+ let filename = "";
55
+ const fileAccept = computed(() => {
56
+ return props.accept.map((e) => `image/${e}`).join(",");
57
+ });
58
+ const { prefixCls } = useDesign("cropper-free");
59
+ const [register, { closeModal, setModalProps }] = useModalInner((data) => {
60
+ if (data?.file) handleBeforeUpload(data.file);
61
+ });
62
+ watch(() => props.src, (value) => {
63
+ src.value = value || "";
64
+ originalSrc.value = value || "";
65
+ });
66
+ async function handleBeforeUpload(file) {
67
+ props.beforeUpload && await props.beforeUpload(file);
68
+ if (file.size / 1024 / 1024 > 4) {
69
+ message.warn(`【${file.name}】文件大小不能超过 4MB`);
70
+ return false;
71
+ }
72
+ if (!fileAccept.value.includes(file.type)) {
73
+ message.warning(`【${file.name}】${t("sys.component.cropper.acceptAvatarTypeTip")}`);
74
+ return false;
75
+ }
76
+ const reader = new FileReader();
77
+ reader.readAsDataURL(file);
78
+ src.value = "";
79
+ previewSource.value = "";
80
+ reader.onload = function(e) {
81
+ src.value = e.target?.result ?? "";
82
+ filename = file.name;
83
+ };
84
+ return false;
85
+ }
86
+ function handleCropend({ imgBase64 }) {
87
+ previewSource.value = imgBase64;
88
+ }
89
+ function handleReady(cropperInstance) {
90
+ cropper.value = cropperInstance;
91
+ }
92
+ function handlerToolbar(event, arg) {
93
+ if (event === "scaleX") scaleX = arg = scaleX === -1 ? 1 : -1;
94
+ if (event === "scaleY") scaleY = arg = scaleY === -1 ? 1 : -1;
95
+ cropper.value?.[event]?.(arg);
96
+ }
97
+ async function handleOk() {
98
+ const uploadApi = props.uploadApi;
99
+ if (uploadApi && isFunction(uploadApi)) {
100
+ const blob = dataURLtoBlob(previewSource.value);
101
+ try {
102
+ setModalProps({ confirmLoading: true });
103
+ const result = await uploadApi({
104
+ name: "file",
105
+ file: blob,
106
+ filename
107
+ });
108
+ emit("uploadSuccess", {
109
+ source: previewSource.value,
110
+ data: result.data.data
111
+ });
112
+ closeModal();
113
+ } finally {
114
+ setModalProps({ confirmLoading: false });
115
+ }
116
+ }
117
+ }
118
+ function handleCancel() {
119
+ src.value = "";
120
+ setTimeout(() => {
121
+ src.value = originalSrc.value || "";
122
+ });
123
+ }
124
+ return (_ctx, _cache) => {
125
+ const _component_PlusOutlined = resolveComponent("PlusOutlined");
126
+ const _component_a_button = resolveComponent("a-button");
127
+ return openBlock(), createBlock(unref(BasicModal), mergeProps(_ctx.$attrs, {
128
+ title: __props.title,
129
+ width: "640px",
130
+ "min-height": "510",
131
+ "can-fullscreen": false,
132
+ "ok-text": unref(t)("sys.okText"),
133
+ onRegister: unref(register),
134
+ onOk: handleOk,
135
+ onCancel: handleCancel
136
+ }), {
137
+ default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(prefixCls)) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-left`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-cropper`) }, [src.value ? (openBlock(), createBlock(Cropper_default, {
138
+ key: 0,
139
+ src: src.value,
140
+ height: "304px",
141
+ width: "538px",
142
+ options: { aspectRatio: __props.aspectRatio ?? 200 / 120 },
143
+ onCropend: handleCropend,
144
+ onReady: handleReady
145
+ }, null, 8, ["src", "options"])) : (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Upload), {
146
+ "list-type": "picture-card",
147
+ "file-list": [],
148
+ accept: "image/*",
149
+ "before-upload": handleBeforeUpload
150
+ }, {
151
+ default: withCtx(() => [createElementVNode("div", _hoisted_2, [
152
+ createVNode(_component_PlusOutlined),
153
+ _cache[14] || (_cache[14] = createElementVNode("div", { class: "mt12px" }, "点击或将图片拖拽到这里上传", -1)),
154
+ _cache[15] || (_cache[15] = createElementVNode("div", { class: "color-[#8B8B8B] mt8px" }, " 仅支持JPG、PNG、JPEG、BMP格式,文件小于4M ", -1))
155
+ ])]),
156
+ _: 1
157
+ })]))], 2), src.value ? (openBlock(), createElementBlock("div", {
158
+ key: 0,
159
+ class: normalizeClass(`${unref(prefixCls)}-toolbar`)
160
+ }, [createVNode(unref(Upload), {
161
+ "file-list": [],
162
+ accept: fileAccept.value,
163
+ "before-upload": handleBeforeUpload
164
+ }, {
165
+ default: withCtx(() => [__props.uploadText ? (openBlock(), createBlock(_component_a_button, {
166
+ key: 0,
167
+ type: "link",
168
+ size: "small",
169
+ style: { "padding": "0" }
170
+ }, {
171
+ default: withCtx(() => [createTextVNode(toDisplayString(__props.uploadText), 1)]),
172
+ _: 1
173
+ })) : (openBlock(), createElementBlock("a", {
174
+ key: 1,
175
+ title: unref(t)("sys.reUpload"),
176
+ placement: "bottom"
177
+ }, toDisplayString(unref(t)("sys.reUpload")), 9, _hoisted_3))]),
178
+ _: 1
179
+ }, 8, ["accept"]), createVNode(unref(Space), null, {
180
+ default: withCtx(() => [
181
+ createVNode(unref(Tooltip), {
182
+ title: unref(t)("sys.component.cropper.btn_zoom_in"),
183
+ placement: "bottom"
184
+ }, {
185
+ default: withCtx(() => [createVNode(_component_a_button, {
186
+ size: "small",
187
+ disabled: !src.value,
188
+ onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
189
+ onClick: _cache[1] || (_cache[1] = ($event) => handlerToolbar("zoom", .1))
190
+ }, {
191
+ icon: withCtx(() => [..._cache[16] || (_cache[16] = [createElementVNode("i", { class: "iconfont icon-fangda_zoom-in" }, null, -1)])]),
192
+ _: 1
193
+ }, 8, ["disabled"])]),
194
+ _: 1
195
+ }, 8, ["title"]),
196
+ createVNode(unref(Tooltip), {
197
+ title: unref(t)("sys.component.cropper.btn_zoom_out"),
198
+ placement: "bottom"
199
+ }, {
200
+ default: withCtx(() => [createVNode(_component_a_button, {
201
+ size: "small",
202
+ disabled: !src.value,
203
+ onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
204
+ onClick: _cache[3] || (_cache[3] = ($event) => handlerToolbar("zoom", -.1))
205
+ }, {
206
+ icon: withCtx(() => [..._cache[17] || (_cache[17] = [createElementVNode("i", { class: "iconfont icon-a-suoxiao_zoom-out1" }, null, -1)])]),
207
+ _: 1
208
+ }, 8, ["disabled"])]),
209
+ _: 1
210
+ }, 8, ["title"]),
211
+ createVNode(unref(Tooltip), {
212
+ title: unref(t)("sys.component.cropper.btn_rotate_left"),
213
+ placement: "bottom"
214
+ }, {
215
+ default: withCtx(() => [createVNode(_component_a_button, {
216
+ size: "small",
217
+ disabled: !src.value,
218
+ onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
219
+ onClick: _cache[5] || (_cache[5] = ($event) => handlerToolbar("rotate", -45))
220
+ }, {
221
+ icon: withCtx(() => [..._cache[18] || (_cache[18] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_rotate" }, null, -1)])]),
222
+ _: 1
223
+ }, 8, ["disabled"])]),
224
+ _: 1
225
+ }, 8, ["title"]),
226
+ createVNode(unref(Tooltip), {
227
+ title: unref(t)("sys.component.cropper.btn_rotate_right"),
228
+ placement: "bottom"
229
+ }, {
230
+ default: withCtx(() => [createVNode(_component_a_button, {
231
+ size: "small",
232
+ disabled: !src.value,
233
+ onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
234
+ onClick: _cache[7] || (_cache[7] = ($event) => handlerToolbar("rotate", 45))
235
+ }, {
236
+ icon: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_2" }, null, -1)])]),
237
+ _: 1
238
+ }, 8, ["disabled"])]),
239
+ _: 1
240
+ }, 8, ["title"]),
241
+ createVNode(unref(Tooltip), {
242
+ title: unref(t)("sys.component.cropper.btn_scale_x"),
243
+ placement: "bottom"
244
+ }, {
245
+ default: withCtx(() => [createVNode(_component_a_button, {
246
+ size: "small",
247
+ disabled: !src.value,
248
+ onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["prevent"])),
249
+ onClick: _cache[9] || (_cache[9] = ($event) => handlerToolbar("scaleX"))
250
+ }, {
251
+ icon: withCtx(() => [..._cache[20] || (_cache[20] = [createElementVNode("i", { class: "iconfont icon-shuipingfanzhuan_flip-horizontally" }, null, -1)])]),
252
+ _: 1
253
+ }, 8, ["disabled"])]),
254
+ _: 1
255
+ }, 8, ["title"]),
256
+ createVNode(unref(Tooltip), {
257
+ title: unref(t)("sys.component.cropper.btn_scale_y"),
258
+ placement: "bottom"
259
+ }, {
260
+ default: withCtx(() => [createVNode(_component_a_button, {
261
+ size: "small",
262
+ disabled: !src.value,
263
+ onMousedown: _cache[10] || (_cache[10] = withModifiers(() => {}, ["prevent"])),
264
+ onClick: _cache[11] || (_cache[11] = ($event) => handlerToolbar("scaleY"))
265
+ }, {
266
+ icon: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("i", { class: "iconfont icon-chuizhifanzhuan_flip-vertically" }, null, -1)])]),
267
+ _: 1
268
+ }, 8, ["disabled"])]),
269
+ _: 1
270
+ }, 8, ["title"]),
271
+ createVNode(unref(Tooltip), {
272
+ title: unref(t)("sys.component.cropper.btn_reset"),
273
+ placement: "bottom"
274
+ }, {
275
+ default: withCtx(() => [createVNode(_component_a_button, {
276
+ size: "small",
277
+ disabled: !src.value,
278
+ onMousedown: _cache[12] || (_cache[12] = withModifiers(() => {}, ["prevent"])),
279
+ onClick: _cache[13] || (_cache[13] = ($event) => handlerToolbar("reset"))
280
+ }, {
281
+ icon: withCtx(() => [createVNode(unref(ReloadOutlined))]),
282
+ _: 1
283
+ }, 8, ["disabled"])]),
284
+ _: 1
285
+ }, 8, ["title"])
286
+ ]),
287
+ _: 1
288
+ })], 2)) : createCommentVNode("", true)], 2)], 2)]),
289
+ _: 1
290
+ }, 16, [
291
+ "title",
292
+ "ok-text",
293
+ "onRegister"
294
+ ]);
295
+ };
296
+ }
297
+ });
298
+ //#endregion
299
+ export { CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default as default };
@@ -0,0 +1,48 @@
1
+ .gct-cropper-free[data-v-28afc2ab] {
2
+ display: flex;
3
+ padding: 0 35px;
4
+ }
5
+ .gct-cropper-free-left[data-v-28afc2ab],
6
+ .gct-cropper-free-right[data-v-28afc2ab] {
7
+ height: 304px;
8
+ }
9
+ .gct-cropper-free-left[data-v-28afc2ab] {
10
+ width: 100%;
11
+ }
12
+ .gct-cropper-free-cropper[data-v-28afc2ab] {
13
+ position: relative;
14
+ width: 538px;
15
+ height: 304px;
16
+ background: #eee;
17
+ background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0);
18
+ background-position: 0 0,
19
+ 12px 12px;
20
+ background-size: 24px 24px;
21
+ }
22
+ .gct-cropper-free-toolbar[data-v-28afc2ab] {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: space-between;
26
+ width: 538px;
27
+ margin-top: 10px;
28
+ }
29
+ .empty[data-v-28afc2ab] {
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
33
+ width: 100%;
34
+ height: 100%;
35
+ }
36
+ .empty span[data-v-28afc2ab] {
37
+ display: inline-block;
38
+ width: 100%;
39
+ height: 100%;
40
+ }
41
+ .empty span[data-v-28afc2ab] .ant-upload-list {
42
+ width: 100%;
43
+ height: 100%;
44
+ }
45
+ .empty span[data-v-28afc2ab] .ant-upload-list .ant-upload-select-picture-card {
46
+ width: 100%;
47
+ height: 100%;
48
+ }
@@ -0,0 +1,7 @@
1
+ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
2
+ import CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
3
+ import './CopperModal.vue_vue_type_style_index_0_scoped_f42f8311_lang.css';/* empty css */
4
+ //#region src/modules/Cropper/src/CopperModal.vue
5
+ var CopperModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-f42f8311"]]);
6
+ //#endregion
7
+ export { CopperModal_default as default };