@gct-paas/core-web 0.1.4-dev.18 → 0.1.4-dev.19

package/es/modules/picture-preview/src/picture-preview.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,70 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-image-preview .ant-image {
+  margin-right: 10px;
+}
+.gct-image-preview .ant-image-preview-operations {
+  background-color: rgba(0, 0, 0, 0.4);
+}

package/es/modules/picture-preview/src/typing.d.ts

@@ -0,0 +1,51 @@
+export interface Options {
+    show?: boolean;
+    imageList: string[];
+    index?: number;
+    scaleStep?: number;
+    defaultWidth?: number;
+    maskClosable?: boolean;
+    rememberState?: boolean;
+    onImgLoad?: ({ index, url, dom, }: {
+        index: number;
+        url: string;
+        dom: HTMLImageElement;
+    }) => void;
+    onImgError?: ({ index, url, dom, }: {
+        index: number;
+        url: string;
+        dom: HTMLImageElement;
+    }) => void;
+}
+export interface Props {
+    show: boolean;
+    instance: Props;
+    imageList: string[];
+    index: number;
+    scaleStep: number;
+    defaultWidth: number;
+    maskClosable: boolean;
+    rememberState: boolean;
+}
+export interface PreviewActions {
+    resume: () => void;
+    close: () => void;
+    prev: () => void;
+    next: () => void;
+    setScale: (scale: number) => void;
+    setRotate: (rotate: number) => void;
+}
+export interface ImageProps {
+    alt?: string;
+    fallback?: string;
+    src: string;
+    width: string | number;
+    height?: string | number;
+    placeholder?: string | boolean;
+    preview?: boolean | {
+        visible?: boolean;
+        onVisibleChange?: (visible: boolean, prevVisible: boolean) => void;
+        getContainer: string | HTMLElement | (() => HTMLElement);
+    };
+}
+export type ImageItem = string | ImageProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.4-dev.18",
+  "version": "0.1.4-dev.19",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
-    "@gct-paas/api": "^0.1.2-dev.1",
-    "@gct-paas/core": "0.1.4-dev.18",
+    "@gct-paas/api": "^0.1.2-dev.2",
+    "@gct-paas/core": "0.1.4-dev.19",
     "@gct-paas/flow": "0.0.1-dev.0",
     "@gct-paas/platform-icons": "^0.0.2",
-    "@gct-paas/scss": "0.1.4-dev.18",
+    "@gct-paas/scss": "0.1.4-dev.19",
     "@icon-park/vue-next": "^1.4.2",
     "@monaco-editor/loader": "^1.7.0",
     "@vueuse/core": "^14.1.0",
@@ -78,5 +78,5 @@
     "vant": ">=4",
     "vue": ">=3"
   },
-  "gitHead": "d79e561695bc9a4ff14b7c1bc735a595a32ed3e9"
+  "gitHead": "efd978bbe7552b0c5ef6dbc5b62780c68aa116ab"
 }

package/es/modules/Cropper/index.d.ts

@@ -1,5 +0,0 @@
-import { WithInstall } from '../../utils';
-export * from './src/typing';
-export declare const CropperImage: WithInstall<unknown>;
-export declare const CropperAvatar: WithInstall<unknown>;
-export declare const CropperFree: WithInstall<unknown>;

package/es/modules/Cropper/index.mjs

@@ -1,11 +0,0 @@
-import { withInstall } from "../../utils/with-install.mjs";
-import "../../utils/index.mjs";
-import Cropper_default from "./src/Cropper.vue.mjs";
-import CropperAvatar_default from "./src/CropperAvatar.vue.mjs";
-import CropperFree_default from "./src/CropperFree.vue.mjs";
-//#region src/modules/Cropper/index.ts
-var CropperImage = withInstall(Cropper_default);
-var CropperAvatar = withInstall(CropperAvatar_default);
-var CropperFree = withInstall(CropperFree_default);
-//#endregion
-export { CropperAvatar, CropperFree, CropperImage };

package/es/modules/Cropper/src/typing.d.ts

@@ -1,11 +0,0 @@
-import { default as Cropper } from 'cropperjs';
-export interface CropendResult {
-    imgBase64: string;
-    imgInfo: Cropper.Data;
-}
-export interface ApiFunParams {
-    file: Blob;
-    name: string;
-    filename: string;
-}
-export type { Cropper };