rexma-design 1.4.4 → 2.0.1

package/package.json

@@ -1,95 +1,63 @@
 {
-  "id": "rexma-design",
   "name": "rexma-design",
-  "displayName": "rexma-design",
-  "version": "1.4.4",
-  "description": "rexma-design",
-  "author": "mqyun",
-  "keywords": [
-    "rexma-design"
-  ],
-  "main": "index.ts",
-  "module": "index.ts",
-  "repository": "",
-  "engines": {
-    "HBuilderX": "^3.1.0"
+  "version": "2.0.1",
+  "scripts": {
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "prepare": "husky install"
   },
-  "dcloudext": {
-    "type": "component-vue",
-    "sale": {
-      "regular": {
-        "price": "0.00"
-      },
-      "sourcecode": {
-        "price": "0.00"
-      }
-    },
-    "contact": {
-      "qq": ""
-    },
-    "declaration": {
-      "ads": "",
-      "data": "",
-      "permissions": ""
-    },
-    "npmurl": ""
+  "sideEffects": false,
+  "main": "src/packages/index.ts",
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
-  "uni_modules": {
-    "dependencies": [],
-    "encrypt": [],
-    "platforms": {
-      "cloud": {
-        "tcb": "u",
-        "aliyun": "u",
-        "alipay": "u"
-      },
-      "client": {
-        "Vue": {
-          "vue2": "u",
-          "vue3": "u"
-        },
-        "App": {
-          "app-vue": "u",
-          "app-nvue": "u",
-          "app-uvue": "u"
-        },
-        "H5-mobile": {
-          "Safari": "u",
-          "Android Browser": "u",
-          "微信浏览器(Android)": "u",
-          "QQ浏览器(Android)": "u"
-        },
-        "H5-pc": {
-          "Chrome": "u",
-          "IE": "u",
-          "Edge": "u",
-          "Firefox": "u",
-          "Safari": "u"
-        },
-        "小程序": {
-          "微信": "u",
-          "阿里": "u",
-          "百度": "u",
-          "字节跳动": "u",
-          "QQ": "u",
-          "钉钉": "u",
-          "快手": "u",
-          "飞书": "u",
-          "京东": "u"
-        },
-        "快应用": {
-          "华为": "u",
-          "联盟": "u"
-        }
-      }
-    }
-  },
-  "peerDependencies": {
-    "wot-design-uni": "*",
-    "xinhua-sdk": "*"
+  "lint-staged": {
+    "src/**/*.{html,vue,ts,cjs,json,md}": [
+      "prettier --write"
+    ]
   },
   "dependencies": {
     "crypto-js": "^4.2.0",
     "js-md5": "^0.8.3"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "17.1.2",
+    "@commitlint/config-conventional": "17.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vant/auto-import-resolver": "^1.3.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "core-js": "^3.8.3",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "eslint-webpack-plugin": "3.2.0",
+    "husky": "8.0.3",
+    "ky": "^1.8.1",
+    "lib-flexible": "^0.3.2",
+    "pinia": "^3.0.3",
+    "vant": "^4.9.20",
+    "vue": "^3.2.13",
+    "vue-router": "^4.0.3",
+    "xinhua-sdk": "^1.15.8",
+    "lint-staged": "13.3.0",
+    "postcss-pxtorem": "^6.1.0",
+    "prettier": "^2.4.1",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "typescript": "~4.5.5",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.7.0",
+    "vue-tsc": "^2.2.10"
   }
 }

package/{utils → src/packages/XinhuaClient}/ClientSign.ts

@@ -1,7 +1,6 @@
-import type { IXinhuaClientState } from './XinhuaClient/declaration';
-
-import { enc, mode, AES, pad } from 'crypto-js';
-import xh from './xh';
+import { AES, enc, mode, pad } from 'crypto-js';
+import xh from 'xinhua-sdk';
+import type { IXinhuaClientState } from './declaration';
 
 type IGetClientSignParams = {
   key: string;
@@ -47,7 +46,7 @@ class ClientSign {
    */
   static async getClientSign(options: IGetClientSignParams) {
     const { developmentClientSign, key, offset, moduleCode } = options;
-    if (import.meta.env.DEV && developmentClientSign) {
+    if (process.env.NODE_ENV === 'development' && developmentClientSign) {
       return developmentClientSign;
     }
     if (!xh.isMediaConvergenceXinhuaApp()) {

package/{utils → src/packages}/XinhuaClient/index.ts

@@ -1,9 +1,8 @@
-import type { IXinhuaClientInitOptions, IXinhuaClientState } from './declaration';
-
-import getValueFromUA from '../getValueFromUA';
 import { md5 } from 'js-md5';
-import ClientSign from '../ClientSign';
-import xh from '../xh';
+import xh from 'xinhua-sdk';
+import getValueFromUA from '../getValueFromUA';
+import ClientSign from './ClientSign';
+import type { IXinhuaClientInitOptions, IXinhuaClientState } from './declaration';
 
 class XinhuaClient {
   /** 数据初始化是否完成 */
@@ -27,14 +26,14 @@ class XinhuaClient {
 
   private static async stateInit() {
     const initOptions = this.initOptions;
-    if (import.meta.env.DEV && initOptions.developmentState) {
+    if (process.env.NODE_ENV === 'development' && initOptions.developmentState) {
       // 本地开发、配置的本地开发环境的数据
       this.state = {
         ...this.state,
         ...initOptions.developmentState,
       };
     }
-    const isClientDebug = import.meta.env.DEV && initOptions.clientDebug;
+    const isClientDebug = process.env.NODE_ENV === 'development' && initOptions.clientDebug;
     if (xh.isMediaConvergenceXinhuaApp() && !isClientDebug) {
       // 客户端环境
       this.state.siteId = getValueFromUA('currentSiteId');

package/{utils/getValueFromUA.ts → src/packages/getValueFromUA/index.ts}

@@ -2,7 +2,6 @@
  * @description 从 ua 中根据 key 获取信息
  */
 function getValueFromUA(name: string) {
-  // #ifdef H5
   const userAgent = window.navigator.userAgent;
   const userAgentArr = userAgent.split(' ');
   let uaValue = '';
@@ -16,11 +15,6 @@ function getValueFromUA(name: string) {
     }
   }
   return uaValue;
-  // #endif
-
-  // #ifndef H5
-  return '';
-  // #endif
 }
 
 export default getValueFromUA;

package/src/packages/index.ts

@@ -0,0 +1,2 @@
+export { default as getValueFromUA } from './getValueFromUA';
+export { default as XinhuaClient } from './XinhuaClient';

package/components/xh-grid/index.scss

@@ -1,21 +0,0 @@
-$prefix: 'xh-grid';
-
-.#{$prefix} {
-  width: 100%;
-
-  &-row {
-    display: flex;
-
-    &:last-child {
-      margin-bottom: 0 !important;
-    }
-  }
-
-  &-col {
-    flex: 1;
-
-    &:last-child {
-      margin-right: 0 !important;
-    }
-  }
-}

package/components/xh-grid/xh-grid.vue

@@ -1,68 +0,0 @@
-<template>
-  <view class="xh-grid">
-    <block v-for="(row, rowIndex) in renderList" :key="rowIndex">
-      <view class="xh-grid-row" :style="{ marginBottom: gap }">
-        <block v-for="(col, colIndex) in row" :key="colIndex">
-          <view class="xh-grid-col" :style="{ marginRight: gap }" v-if="col">
-            <slot :data="col"></slot>
-          </view>
-          <view class="xh-grid-col" :style="{ marginRight: gap }" v-else></view>
-        </block>
-      </view>
-    </block>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-type IItemInfo = Record<string, any>;
-
-type IXhGridProps = {
-  /** 列表数据 */
-  list: IItemInfo[];
-  /** 间隔 */
-  gap?: string;
-  /** 排布方式 */
-  mode?: 1 | 2;
-};
-
-const props = withDefaults(defineProps<IXhGridProps>(), {
-  list: () => [],
-  gap: '16rpx',
-  mode: 1,
-});
-
-const renderList = computed(() => {
-  if (props.mode === 2) {
-    // mode 为 2 时，当数量小于等于 3 的时候，撑满行；当数量为 4 时撑满两行
-    if (props.list.length <= 3) {
-      return [props.list];
-    }
-    if (props.list.length === 4) {
-      return [props.list.slice(0, 2), props.list.slice(2)];
-    }
-  }
-  // 分割为行列的二维数组，同时补齐一行三个元素
-  const returnList: IItemInfo[][] = [[]];
-  props.list.forEach((item) => {
-    const lastInfo = returnList[returnList.length - 1];
-    if (lastInfo.length === 3) {
-      returnList.push([]);
-    }
-    returnList[returnList.length - 1].push(item);
-  });
-  return returnList.map((row) => {
-    if (row.length === 3) {
-      return row;
-    }
-    return row.concat(Array.from({ length: 3 - row.length }).map(() => null));
-  });
-});
-
-console.log(renderList.value);
-</script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

package/components/xh-image-map/xh-image-map.vue

@@ -1,363 +0,0 @@
-<template>
-  <view style="position: relative">
-    <view class="image-map-wrap" ref="imageMapWrapRef">
-      <image
-        :src="image"
-        :style="{
-          transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})`,
-          transformOrigin: `${scaleCenter.x}px ${scaleCenter.y}px`,
-        }"
-        class="image"
-        mode="heightFix"
-        @touchstart="touchstart"
-        @touchmove="touchmove"
-        @touchend="touchend"
-        @touchcancel="touchcancel"
-        @click="onImageClick"
-        @load="onImageLoad"
-        ref="imageMapRef"
-      ></image>
-    </view>
-    <view class="action-bar">
-      <div class="action-item" @click="changeScale('+')">
-        <wd-icon name="add-circle1" size="44rpx"></wd-icon>
-      </div>
-      <div class="action-item" @click="changeScale('-')">
-        <wd-icon name="minus-circle" size="44rpx"></wd-icon>
-      </div>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { nextTick, ref, watch } from 'vue';
-
-type IMark = {
-  start: [number, number];
-  end: [number, number];
-  [key: string]: any;
-};
-
-type IImageMapProps = {
-  /** 图片地址 */
-  image: string;
-  /** 点的集合 */
-  marks: IMark[];
-  /** 默认居中展示地图 */
-  defaultCenter?: boolean;
-};
-
-const props = withDefaults(defineProps<IImageMapProps>(), {
-  defaultCenter: false,
-});
-const emit = defineEmits(['markClick']);
-
-const maxScale = 3;
-const minScale = 1;
-// 禁用双指缩放
-const doubleTouchDisabled = true;
-
-// 图片地图外容器实例 ref
-const imageMapWrapRef = ref();
-// 图片 ref
-const imageMapRef = ref();
-// 地图物理信息
-const mapInstanceInfo = ref({
-  originWidth: 0,
-  originHeight: 0,
-  xRange: [0, 0],
-  yRange: [0, 0],
-});
-
-// 缩放的原点
-const scaleCenter = ref({ x: 0, y: 0 });
-// 缩放比例
-const scale = ref(1);
-// 缩放的两指间距
-const scaleDistance = ref(0);
-// 滑动起始点
-const slideStart = ref({ x: 0, y: 0 });
-// 偏移量
-const translate = ref({ x: 0, y: 0 });
-
-/**
- * @description 改变缩放比例
- */
-function changeScale(type: '+' | '-') {
-  // 获取缩放中心点
-  const mapRect = getElRect('map');
-  const mapWrapRect = getElRect('mapWrap');
-  const _scaleCenter = {
-    x: (-mapRect.x + mapWrapRect.width / 2) / scale.value,
-    y: (-mapRect.y + mapWrapRect.height / 2) / scale.value,
-  };
-  let isCenterChange = false;
-  if (
-    Math.round(_scaleCenter.x) !== Math.round(scaleCenter.value.x) ||
-    Math.round(_scaleCenter.y) !== Math.round(scaleCenter.value.y)
-  ) {
-    isCenterChange = true;
-  }
-  let _scale = scale.value;
-  if (type === '+') {
-    _scale += 0.2;
-  }
-  if (type === '-') {
-    _scale -= 0.2;
-  }
-  if (_scale < minScale || _scale > maxScale) {
-    return;
-  }
-  if (isCenterChange) {
-    // 缩放中心点发生变化
-    translate.value = {
-      x: -(_scaleCenter.x - mapWrapRect.width / 2),
-      y: -(_scaleCenter.y - mapWrapRect.height / 2),
-    };
-    scaleCenter.value = _scaleCenter;
-  }
-  scale.value = Number(_scale.toFixed(2));
-}
-
-/**
- * @description 获取元素物理信息
- */
-function getElRect(elType: 'map' | 'mapWrap'): Record<'width' | 'height' | 'x' | 'y', number> {
-  if (elType === 'map') {
-    return imageMapRef.value.$el.getClientRects()[0];
-  }
-  if (elType === 'mapWrap') {
-    return imageMapWrapRef.value.$el.getClientRects()[0];
-  }
-  return {
-    width: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-  };
-}
-
-/**
- * @description 拖动开始事件
- */
-function touchstart(e: TouchEvent) {
-  if (e.touches.length === 1) {
-    // 单指移动
-    slideStart.value = {
-      x: e.touches[0].pageX,
-      y: e.touches[0].pageY,
-    };
-  }
-  if (e.touches.length === 2 && !doubleTouchDisabled) {
-    // 双指缩放
-    const mapRect = getElRect('map');
-    const touchA = e.touches[0];
-    const touchB = e.touches[1];
-    const touchCenter = {
-      x: (touchA.pageX + touchB.pageX) / 2,
-      y: (touchA.pageY + touchB.pageY) / 2,
-    };
-    const _scaleCenter = {
-      x: (Math.abs(mapRect.x) + touchCenter.x) / scale.value,
-      y: (Math.abs(mapRect.y) + touchCenter.y) / scale.value,
-    };
-    if (translate.value.x || translate.value.y) {
-      const preCenterDistance = {
-        x: _scaleCenter.x - scaleCenter.value.x,
-        y: _scaleCenter.y - scaleCenter.value.y,
-      };
-      translate.value = {
-        x: translate.value.x + preCenterDistance.x,
-        y: translate.value.y + preCenterDistance.y,
-      };
-    }
-    scaleCenter.value = _scaleCenter;
-    scaleDistance.value = Math.hypot(touchA.pageX - touchB.pageX, touchA.pageY - touchB.pageY);
-  }
-}
-
-/**
- * @description 拖动事件
- */
-function touchmove(e: TouchEvent) {
-  if (e.touches.length === 1) {
-    // 单指移动
-    const touch = e.touches[0];
-    const xDistance = Math.abs(touch.pageX - slideStart.value.x);
-    const yDistance = Math.abs(touch.pageY - slideStart.value.y);
-    let _translateX = translate.value.x;
-    let _translateY = translate.value.y;
-    const xRange = mapInstanceInfo.value.xRange;
-    const yRange = mapInstanceInfo.value.yRange;
-    if (touch.pageX > slideStart.value.x) {
-      // 向右移动
-      _translateX += xDistance;
-    }
-    if (touch.pageX < slideStart.value.x) {
-      // 向左移动
-      _translateX -= xDistance;
-    }
-    if (touch.pageY > slideStart.value.y) {
-      // 向下移动
-      _translateY += yDistance;
-    }
-    if (touch.pageY < slideStart.value.y) {
-      // 向上移动
-      _translateY -= yDistance;
-    }
-    if (_translateX >= xRange[0] && _translateX <= xRange[1]) {
-      // 左右移动边界
-      translate.value.x = _translateX;
-    }
-    if (_translateY >= yRange[0] && _translateY <= yRange[1]) {
-      // 上下移动边界
-      translate.value.y = _translateY;
-    }
-    slideStart.value = {
-      x: e.touches[0].pageX,
-      y: e.touches[0].pageY,
-    };
-  }
-  if (e.touches.length === 2 && !doubleTouchDisabled) {
-    // 双指缩放
-    const touchA = e.touches[0];
-    const touchB = e.touches[1];
-    const _distanceValue = Math.hypot(touchA.pageX - touchB.pageX, touchA.pageY - touchB.pageY);
-    if (_distanceValue > scaleDistance.value) {
-      // 放大
-      const _scale = scale.value + scaleDistance.value / _distanceValue / 10;
-      scale.value = _scale <= maxScale ? _scale : maxScale;
-    } else {
-      // 缩小
-      const _scaleValue = scale.value - _distanceValue / scaleDistance.value / 10;
-      scale.value = _scaleValue < 1 ? 1 : _scaleValue;
-    }
-    scaleDistance.value = _distanceValue;
-  }
-}
-
-function touchend() {}
-
-function touchcancel() {}
-
-/**
- * @description 点击图片区域
- */
-function onImageClick(e: TouchEvent) {
-  if (e.type !== 'click') {
-    return;
-  }
-  const mapRect = getElRect('map');
-  const clickDetail = {
-    // @ts-ignore
-    x: e.detail.x,
-    // @ts-ignore
-    y: e.detail.y,
-  };
-  const clickPoint = {
-    x: clickDetail.x - mapRect.x,
-    y: clickDetail.y - mapRect.y,
-  };
-  const originScale = mapRect.width / mapInstanceInfo.value.originWidth;
-  const originPoint = {
-    x: clickPoint.x / originScale,
-    y: clickPoint.y / originScale,
-  };
-  console.log(originPoint, '点击的原始位置');
-  const currentMark = (props.marks || []).find((item) => {
-    return (
-      originPoint.x >= item.start[0] &&
-      originPoint.x <= item.end[0] &&
-      originPoint.y >= item.start[1] &&
-      originPoint.y <= item.end[1]
-    );
-  });
-  if (currentMark) {
-    emit('markClick', currentMark);
-  }
-}
-
-/**
- * @description 图片加载完成
- */
-function onImageLoad(e: any) {
-  const mapRect = getElRect('map');
-  const mapWrapRect = getElRect('mapWrap');
-  mapInstanceInfo.value = {
-    originWidth: e.detail.width,
-    originHeight: e.detail.height,
-    xRange: [-(mapRect.width - mapWrapRect.width), 0],
-    yRange: [-(mapRect.height - mapWrapRect.height), 0],
-  };
-  if (props.defaultCenter) {
-    translate.value.x = -(mapRect.width - mapWrapRect.width) / 2;
-  }
-}
-
-watch([scale, translate], function () {
-  nextTick(function () {
-    const mapRect = getElRect('map');
-    const mapWrapRect = getElRect('mapWrap');
-    const xRange = [
-      -(mapRect.width - mapWrapRect.width + mapRect.x - translate.value.x),
-      -(mapRect.x - translate.value.x),
-    ];
-    const yRange = [
-      -(mapRect.height - mapWrapRect.height + mapRect.y - translate.value.y),
-      -(mapRect.y - translate.value.y),
-    ];
-
-    mapInstanceInfo.value.xRange = xRange;
-    mapInstanceInfo.value.yRange = yRange;
-
-    if (translate.value.x < xRange[0]) {
-      translate.value.x = xRange[0];
-    }
-    if (translate.value.x > xRange[1]) {
-      translate.value.x = xRange[1];
-    }
-    if (translate.value.y < yRange[0]) {
-      translate.value.y = yRange[0];
-    }
-    if (translate.value.y > yRange[1]) {
-      translate.value.y = yRange[1];
-    }
-  });
-});
-</script>
-
-<style scoped lang="scss">
-.image-map-wrap {
-  width: 100%;
-  height: 100%;
-  font-size: 0;
-  overflow: hidden;
-
-  .image {
-    height: 100%;
-  }
-}
-
-$actionSize: 80rpx;
-
-.action-bar {
-  position: absolute;
-  bottom: 80rpx;
-  right: 60rpx;
-  background: rgba(#000, 0.45);
-  height: $actionSize;
-  display: flex;
-  border-radius: 30rpx;
-  color: rgba(#fff, 0.9);
-  padding: 0 14rpx;
-
-  .action-item {
-    width: $actionSize;
-    height: $actionSize;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-  }
-}
-</style>

package/components/xh-upload/declaration.ts

@@ -1,12 +0,0 @@
-export type UploadType = 'image' | 'video' | 'file';
-
-export type IModelValue = {
-  url: string;
-  [key: string]: any;
-};
-
-export const uploadTypeTextMap = new Map<UploadType, string>([
-  ['image', '图片'],
-  ['video', '视频'],
-  ['file', '文件'],
-]);

package/components/xh-upload/index.scss

@@ -1,46 +0,0 @@
-$prefix: 'xh-upload';
-
-.#{$prefix} {
-  position: relative;
-  width: 156rpx;
-  height: 156rpx;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 8rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  border: 1px dashed #d9d9d9;
-
-  &-title {
-    margin-top: 12rpx;
-    font-size: 24rpx;
-    color: #999;
-    line-height: 34rpx;
-  }
-
-  &-extra {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    .icon-remove {
-      position: absolute;
-      top: 8rpx;
-      right: 8rpx;
-      width: 30rpx;
-      height: 30rpx;
-      border-radius: 50%;
-      background: rgba(0, 0, 0, 0.2);
-      color: #fff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding-top: 2rpx;
-      cursor: pointer;
-    }
-  }
-}

package/components/xh-upload/utils/index.ts

@@ -1,33 +0,0 @@
-import type { UploadType } from '../declaration';
-import xh from '../../../utils/xh';
-
-/**
- * @description 选择客户端文件
- */
-export function clientChooseFile(type: UploadType): Promise<any[]> {
-  return new Promise((resolve) => {
-    if (type === 'image') {
-      xh.chooseImage({
-        count: 1,
-        success(res) {
-          resolve(res?.list || []);
-        },
-      });
-    }
-    if (type === 'video') {
-      xh.chooseVideo({
-        success(res) {
-          resolve([res]);
-        },
-      });
-    }
-    if (type === 'file') {
-      xh.chooseFile({
-        // isMultiple: Number(maxLength > 1),
-        success(res) {
-          resolve(res?.data);
-        },
-      });
-    }
-  });
-}

package/components/xh-upload/xh-upload.vue

@@ -1,132 +0,0 @@
-<template>
-  <view class="xh-upload" @click="onXhUploadClick">
-    <block v-if="uploading">
-      <wd-loading size="48rpx" v-if="uploading" />
-      <text class="xh-upload-title">上传中</text>
-    </block>
-    <block v-else>
-      <block v-if="props.modelValue?.url">
-        <image
-          :src="props.modelValue.url"
-          mode="aspectFit"
-          style="width: 100%; height: 100%"
-        ></image>
-        <view class="xh-upload-extra">
-          <view class="icon-remove" @click.stop="removeFile">
-            <wd-icon name="close" size="18rpx"></wd-icon>
-          </view>
-        </view>
-      </block>
-      <block v-else>
-        <wd-icon name="add" size="40rpx" color="#999"></wd-icon>
-        <text class="xh-upload-title">{{ uploadTip }}</text>
-      </block>
-    </block>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-
-import { type UploadType, type IModelValue, uploadTypeTextMap } from './declaration';
-import xh from '../../utils/xh';
-import XinhuaClient from '../../utils/XinhuaClient';
-import { clientChooseFile } from './utils';
-
-type IXhUploadProps = {
-  /** 标题 */
-  title?: string;
-  /** 允许上传的文件类型 */
-  acceptFileType?: UploadType | UploadType[] | Partial<Record<UploadType, string[]>>;
-  /** 上传接口请求配置 */
-  requestConfig: {
-    /** 接口地址 */
-    url: string;
-    /** 字段名称 */
-    name?: string;
-    /** 其他请求参数 */
-    params?: Record<string, any>;
-  };
-  /** 格式化上传结果 */
-  formatResponse: (res: any) => IModelValue;
-  /** 是否需要加签 */
-  requestSign?: boolean;
-  /** 值 */
-  modelValue?: IModelValue;
-};
-
-const props = withDefaults(defineProps<IXhUploadProps>(), {
-  acceptFileType: () => 'image',
-  requestSign: true,
-});
-const emit = defineEmits(['update:modelValue']);
-// 上传状态
-const uploading = ref(false);
-const uploadTip = computed(() => {
-  if (props.title) {
-    return props.title;
-  }
-  if (typeof props.acceptFileType === 'string') {
-    return `上传${uploadTypeTextMap.get(props.acceptFileType)}`;
-  }
-  // todo: acceptFileType 配置非字符串时所展示的文案
-  return '';
-});
-
-/**
- * @description 点击上传卡片
- */
-function onXhUploadClick() {
-  if (!props.acceptFileType || uploading.value) {
-    return;
-  }
-  if (typeof props.acceptFileType === 'string') {
-    onChooseFile(props.acceptFileType);
-    return;
-  }
-  if (props.acceptFileType instanceof Array) {
-    if (props.acceptFileType.length === 1) {
-      onChooseFile(props.acceptFileType[0]);
-    } else {
-      // todo: 展示选择弹窗
-    }
-    return;
-  }
-  // todo: 对象配置
-}
-
-/**
- * @description 调用客户端方法选择文件、上传
- * @param fileType
- */
-async function onChooseFile(fileType: UploadType) {
-  const chooseList = await clientChooseFile(fileType);
-  uploading.value = true;
-  let signParams = props.requestConfig.params;
-  if (props.requestSign) {
-    signParams = await XinhuaClient.getSignRequestParams(props.requestConfig.params || {});
-  }
-  xh.uploadFile({
-    url: props.requestConfig.url,
-    name: props.requestConfig.name || 'file',
-    params: signParams,
-    files: chooseList?.map((item) => item.path),
-    success: (res) => {
-      const uploadRes = props.formatResponse(res);
-      emit('update:modelValue', uploadRes);
-      uploading.value = false;
-    },
-  });
-}
-
-/**
- * @description 移除上传后的文件
- */
-function removeFile() {
-  emit('update:modelValue', null);
-}
-</script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

package/index.ts

@@ -1 +0,0 @@
-export { default as XinhuaClient } from './utils/XinhuaClient/index';

package/utils/xh.ts

@@ -1,3 +0,0 @@
-import xh from 'xinhua-sdk';
-
-export default xh;