ui-process-h5 0.0.40

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "ui-process-h5",
+  "version": "0.0.40",
+  "description": "> app端 流程插件",
+  "main": "./ui-process-h5.umd.cjs",
+  "style": "./style.css",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./ui-process-h5.js",
+      "require": "./ui-process-h5.umd.cjs"
+    },
+    "./style.css": {
+      "import": "./style.css",
+      "require": "./style.css"
+    }
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "node scripts/postinstall.mjs"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/scripts/postinstall.mjs

@@ -0,0 +1,14 @@
+import { isNull, switchVersion } from './utils.mjs'
+try {
+  import('vue').then(res => {
+    const version = isNull(res.version) ? res.default.version : res.version
+    if (isNull(version))
+      console.warn('[vue-demi-sfc-component-template] Vue is not found. Please run "npm install vue" to install.')
+    else
+      switchVersion(version)
+  })
+} catch (error) {
+  console.log('error', error)
+}
+
+

package/scripts/switch-cli.mjs

@@ -0,0 +1,4 @@
+import { switchVersion } from './utils.mjs'
+
+const version = process.argv[2]
+switchVersion(version)

package/scripts/utils.mjs

@@ -0,0 +1,60 @@
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+function switchVersion(version) {
+  const src = getLibDir(version)
+  const dest = path.join(src, '..')
+  console.log(`[frontend-shared] switch ui-process-h5 to vue version ${version}`)
+  copyDir(src, dest)
+}
+
+function getLibDir(version) {
+  const dirname = getDirName(version)
+  return path.join(__dirname, `../../ui-process-h5/${dirname}`)
+}
+
+function getDirName(version) {
+  return String(version).startsWith('2.7.') ? 'v2.7' : String(version).startsWith('2') ? 'v2' : 'v3'
+}
+
+function copyDir(src, dest) {
+  console.log(`copying from ${src} to ${dest}`)
+  // unlink for pnpm, #92
+  try {
+    fs.unlinkSync(dest)
+  } catch (error) { }
+  try {
+    copyRecursiveSync(src, dest)
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+function copyRecursiveSync(src, dest) {
+  const exists = fs.existsSync(src)
+  const stats = exists && fs.statSync(src)
+  const isDirectory = stats && stats.isDirectory()
+  if (isDirectory) {
+    !fs.existsSync(dest) && fs.mkdirSync(dest)
+    fs.readdirSync(src).forEach((childItemName) => {
+      copyRecursiveSync(path.join(src, childItemName), path.join(dest, childItemName))
+    })
+  } else {
+    fs.copyFileSync(src, dest)
+  }
+}
+// 判断是否为空
+function isNull(str) {
+  if (str === null) return true;
+  if (str === undefined) return true;
+  if (str === "null") return true;
+  if (str === "NaN") return true;
+  if (str === "undefined") return true;
+  if (str.length === 0) return true;
+  // if (/^\s*$/i.test(str)) return true;
+  return false;
+}
+export { getLibDir, copyDir, switchVersion, isNull }

package/v2/style.css

@@ -0,0 +1 @@
+.tops-tab[data-v-57484d82]{height:100%}.tops-tab-header[data-v-57484d82]{display:flex;width:100%;height:45px;font-size:14px;color:#333;padding:10px 17px;font-weight:500;box-sizing:border-box;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;position:relative;background-color:#fff}.tops-tab-header[data-v-57484d82]:after{content:"";position:absolute;width:100%;height:1px;background-color:#f2f2f2;left:0;bottom:0}.tops-tab-header[data-v-57484d82]::-webkit-scrollbar{display:none}.tops-tab-header-items[data-v-57484d82]{white-space:nowrap;padding-right:10px;box-sizing:border-box;display:inline-block;height:100%;text-align:center;margin-right:32px;font-weight:400;font-size:15px;text-align:left;color:#333;display:flex;align-items:center}.tops-tab-header-items[data-v-57484d82]:last-child{padding-right:0;margin-right:0}.tops-tab-header .active[data-v-57484d82]{position:relative;color:#1389ff;font-family:PingFang SC Bold;font-weight:700;font-size:15px;text-align:left}.tops-tab-header .bottom-line[data-v-57484d82]{width:30px;height:3px;border-radius:1.5px;background-color:#1389ff;position:absolute;bottom:1px;left:0}.tops-tab-body[data-v-57484d82]{height:calc(100% - 45px)}.seal-list__item[data-v-57484d82]{padding:6px 10px 0;margin:10px 10px 0;background-color:#fff;border-radius:10px;box-sizing:border-box}.seal-list__item[data-v-57484d82]:last-child{margin-bottom:70px}.seal-list__item .seal-list__item--header[data-v-57484d82]{margin-bottom:6px;display:flex;align-items:center}.seal-list__item .seal-list__item--header span[data-v-57484d82]:first-of-type{font-size:15px;margin-right:6px;font-weight:700}.seal-list__item .seal-list__item--option[data-v-57484d82]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:10px 0;color:#333}.seal-list__item .seal-list__item--option span[data-v-57484d82]:last-child{max-width:144px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888}.seal-list__item .seal-list__item--attch[data-v-57484d82]{font-size:14px;padding:10px 0;color:#333;text-align:right;color:#1389ff}.seal-list__item .seal-list__item--actions[data-v-57484d82]{margin-top:12px;position:relative;display:flex;justify-content:space-around;align-items:center}.seal-list__item .seal-list__item--actions[data-v-57484d82] :before{content:"";top:0;width:100%;transform:scaleY(.5);transform-origin:top;border-top:1px #e8e8e8 solid;position:absolute}.seal-list__item .seal-list__item--actions .van-button[data-v-57484d82]{width:50%}.seal-list__item .seal-list__item--actions .van-button[data-v-57484d82] :after{content:"";height:60%;border-left:1px #e8e8e8 solid;position:absolute;left:100%;top:50%;transform:translate(-50%,-50%) scaleX(.5);transform-origin:left}.seal-list__item .seal-list__item--actions .van-button[data-v-57484d82]:last-child :after{content:none}.textnone[data-v-57484d82]{text-align:center;margin-top:30px;color:#999;font-size:14px}.top-popup[data-v-fe175000]{width:100%;position:fixed;left:0;background-color:#fff;border-radius:20px 20px 0 0;padding:0 20px;box-sizing:border-box;transition:transform .3s ease;bottom:0}.top-popup-mask[data-v-fe175000]{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.7;top:0;left:0;transition:all .3s ease}.top-popup-header[data-v-fe175000]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px}.top-popup-header .header-title[data-v-fe175000]{font-size:16px;font-weight:700;color:#333}.top-popup-header .header-cancel[data-v-fe175000]{color:#333}.top-popup-header .header-comfig[data-v-fe175000]{color:#1389ff}.top-popup-body[data-v-fe175000]{overflow-x:hidden;overflow-y:auto;max-height:80vh;min-height:65vh}.top-tips[data-v-fe175000]{width:80vw;border-radius:11px;background-color:#fff;position:fixed;top:calc(50% - 100px);left:calc(50% - 40vw);box-sizing:border-box;transition:all .3s ease}.top-tips-header[data-v-fe175000]{display:flex;flex-direction:row;justify-content:center;padding-top:25px;font-size:15px;color:#323233}.top-tips-body[data-v-fe175000]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 20px 20px;font-size:14px;color:#6c6c6c}.top-tips-footer[data-v-fe175000]{display:flex;flex-direction:row;border-top-color:#f5f5f5;border-top-style:solid;border-top-width:1px;position:relative}.top-tips-footer[data-v-fe175000]:before{content:"";position:absolute;width:100%;height:.5px;top:0;left:0;background-color:#f2f2f2}.top-tips-btn[data-v-fe175000]{display:flex;flex:1;flex-direction:row;justify-content:center;align-items:center;height:45px;position:relative;font-size:16px;color:#333}.top-tips-btn[data-v-fe175000]:last-child{color:#ee0a24}.top-tips-btn[data-v-fe175000]:last-child:before{content:"";position:absolute;width:1px;height:100%;top:0;left:0;background-color:#f2f2f2}.top-tipss[data-v-5367ab63]{position:absolute;z-index:2999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;max-width:80%;transition:all .3s ease}.top-tipss-mask[data-v-5367ab63]{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.7;top:0;left:0;z-index:1999;transition:all .3s ease}.top-tipss-text[data-v-5367ab63]{display:inline-block;vertical-align:middle;color:#fff;padding:10px 20px;border-radius:5px;font-size:13px;text-align:center;max-width:100%;word-break:break-all;white-space:normal;background-color:rgba(17,17,17,.7)}.top-tipss-status[data-v-5367ab63]{width:120px;height:120px;border-radius:12px;background-color:rgba(17,17,17,.7);display:flex}.top-tipss-loadinig[data-v-5367ab63],.top-tipss-success[data-v-5367ab63],.top-tipss-error[data-v-5367ab63]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.top-tipss-loadinig img[data-v-5367ab63],.top-tipss-success img[data-v-5367ab63],.top-tipss-error img[data-v-5367ab63]{width:40px;height:40px}.top-tipss-loadinig img[data-v-5367ab63]{-webkit-animation:rotation-data-v-5367ab63 .8s linear infinite;animation:rotation-data-v-5367ab63 .8s linear infinite}.top-tipss-status-text[data-v-5367ab63]{color:#fff;padding-top:10px;font-size:12px}@-webkit-keyframes rotation-data-v-5367ab63{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.process-popup-content[data-v-34d2d99b]{flex:1}.process-popup-content .process-pc-label[data-v-34d2d99b]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-34d2d99b]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-34d2d99b] .input-padding{padding:0}.process-popup-textarea[data-v-34d2d99b]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-34d2d99b]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-34d2d99b]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-popup-content[data-v-f74b5e3c]{flex:1}.process-popup-content .process-pc-label[data-v-f74b5e3c]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-f74b5e3c]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-f74b5e3c] .input-padding{padding:0}.process-popup-textarea[data-v-f74b5e3c]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-f74b5e3c]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-f74b5e3c]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.preview-image[data-v-c4667bb8]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:3999}.preview-image-view[data-v-c4667bb8]{width:100%;height:100%;position:relative}.preview-image-view--img[data-v-c4667bb8]{min-width:100%;position:fixed;top:50%;display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;z-index:2999}.preview-image-view--img .img-view[data-v-c4667bb8]{width:100%}.preview-image-mask[data-v-c4667bb8]{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.7;top:0;left:0;z-index:1999;transition:all .2s ease}.preview-image-view--page[data-v-c4667bb8]{position:absolute;width:100%;bottom:11px;z-index:2999;display:flex;justify-content:center}.preview-image-view--page .page-item[data-v-c4667bb8]{color:#fff;font-size:15px;background-color:rgba(0,0,0,.5);padding:1px 9px;border-radius:11px}.attch-upload-mask[data-v-67e00b07]{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#999;opacity:.5;overflow-x:hidden}.attch-upload-body[data-v-67e00b07]{width:100%;position:relative}.upload-close[data-v-67e00b07]{box-sizing:border-box;width:100%;height:20px;padding:5px;text-align:right}.upload-close-img[data-v-67e00b07]{width:18px;height:18px}.upload-header[data-v-67e00b07]{width:100%;height:44px;font-size:14px;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;overflow-x:hidden}.upload-header-title--re[data-v-67e00b07]{color:#e00}.upload-header-close[data-v-67e00b07]{width:18px;height:18px}.upload-header-upload[data-v-67e00b07]{height:18px;font-size:14px;color:#1389ff}.upload-input[data-v-67e00b07]{opacity:0;position:absolute}.upload-header-upload--item[data-v-67e00b07]{display:flex;align-items:center}.upload-header-upload--item img[data-v-67e00b07]{width:18px;height:18px;margin-right:4px}.upload-list[data-v-67e00b07]{padding-bottom:20px}.list-items[data-v-67e00b07]{display:flex;margin-top:18px}.list-items-icon[data-v-67e00b07]{width:36px;height:40px;margin-right:10px;line-height:44px}.icon-img[data-v-67e00b07]{width:100%;height:100%}.list-items-info[data-v-67e00b07]{width:225px}.info-name[data-v-67e00b07]{width:100%;font-size:15px;color:#333;word-wrap:break-word;word-break:break-all}.info-attribute[data-v-67e00b07]{color:#999;font-size:13px}.info-attribute-time[data-v-67e00b07]{margin-right:10px}.info-attribute-views[data-v-67e00b07]{color:#1389ff}.list-items-operation[data-v-67e00b07]{flex:1}.list-items-operation-img[data-v-67e00b07]{width:18px;height:18px;margin-left:auto;line-height:44px}.list-items-operation-img img[data-v-67e00b07]{width:100%;height:100%}.upload-footer[data-v-67e00b07]{width:100%;position:fixed;bottom:0}.attchlist-wrap[data-v-67e00b07]{width:100%;height:100dvh;display:flex;flex-direction:column}.process-popup-content[data-v-c17b5cb0]{flex:1}.process-popup-content .process-pc-label[data-v-c17b5cb0]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-c17b5cb0]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-c17b5cb0] .input-padding{padding:0}.process-popup-textarea[data-v-c17b5cb0]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-c17b5cb0]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-c17b5cb0]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-popup-content[data-v-38d9596a]{flex:1}.process-popup-content .process-pc-label[data-v-38d9596a]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-38d9596a]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-38d9596a] .input-padding{padding:0}.process-popup-textarea[data-v-38d9596a]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-38d9596a]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-38d9596a]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-popup-content[data-v-0d264cca]{flex:1}.process-popup-content .process-pc-label[data-v-0d264cca]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-0d264cca]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-0d264cca] .input-padding{padding:0}.process-popup-textarea[data-v-0d264cca]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-0d264cca]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-0d264cca]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-popup-content[data-v-502095c9]{flex:1}.process-popup-content .process-pc-label[data-v-502095c9]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-502095c9]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-502095c9] .input-padding{padding:0}.process-popup-textarea[data-v-502095c9]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-502095c9]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-502095c9]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-popup-content[data-v-b2910024]{flex:1}.process-popup-content .process-pc-label[data-v-b2910024]{font-size:15px;display:flex;align-items:center;font-weight:400;color:#333;padding-top:20px;padding-bottom:5px}.process-popup-content .process-pc-value .van-field[data-v-b2910024]{border-bottom:1px solid #e8e8e8;padding:0}[data-v-b2910024] .input-padding{padding:0}.process-popup-textarea[data-v-b2910024]{position:relative;width:100%;height:62px;min-height:62px}.process-popup-textarea[data-v-b2910024]:after{position:absolute;content:"";width:100%;height:1px;background-color:#f2f2f2;bottom:0;left:0}.process-popup-textarea .textarea-item[data-v-b2910024]{resize:none;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;outline:none;border:none;padding:0;margin:0;text-decoration:inherit;height:100%}.process-warp[data-v-177c7144]{overflow:hidden;height:100vh;width:100%;position:relative;background-color:#f3f3f7}.process-main[data-v-177c7144]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:0 17px;background:#fff;margin:0 0 10px}.process-main .border[data-v-177c7144]{border-bottom:#e8e8e8 1px solid}.process-main .process-ml-item[data-v-177c7144]{display:flex;align-items:center;font-size:15px;font-weight:400;width:100%;justify-content:space-between;height:44px}.process-main .process-ml-item .process-mli-name[data-v-177c7144]{color:#333}.process-main .process-ml-item .process-mli-value[data-v-177c7144]{color:#888}.process-main .process-ml-item .process-mli-value .process-mliv-dd[data-v-177c7144]{height:26px;min-width:30px;padding:0 12px;border-radius:20px;background:#1389ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.process-main .process-ml-item .process-mli-value .process-mliv-jd[data-v-177c7144]{color:#1389ff}.process-btn[data-v-177c7144]{display:flex;min-height:60px;padding-top:5px;background:#fff;border-top:1px solid rgba(221,221,223,.6196078431);justify-content:center;align-items:center;flex-direction:row-reverse}.process-btn .top-button[data-v-177c7144],.process-btn .elips[data-v-177c7144]{margin:0 5px}.elips[data-v-177c7144]{min-width:60px;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.elips .circle[data-v-177c7144]{width:6px;height:6px;margin:0 2px;background-color:#333;border-radius:50%}.top-elips[data-v-177c7144]{width:100%;height:auto;position:fixed;left:0;background-color:#f7f8fa;z-index:197;border-radius:20px 20px 0 0;box-sizing:border-box;transition:all .3s ease;bottom:0}.top-elips-mask[data-v-177c7144]{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.7;top:0;left:0;transition:all .5s ease;z-index:99;display:block}.top-elips-items[data-v-177c7144]{padding:14px 36px;background-color:#fff;width:100%;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:16px;color:#323233;position:relative}.top-elips-items[data-v-177c7144]:after{content:"";width:100%;height:1px;position:absolute;left:0;top:0;background-color:#f2f2f2}.top-elips-items[data-v-177c7144]:first-child{border-radius:20px 20px 0 0}.top-elips-items[data-v-177c7144]:first-child:after,.top-elips-items[data-v-177c7144]:last-child:after{display:none}.top-elips-items[data-v-177c7144]:nth-last-child(2){margin-bottom:8px}.top-button[data-v-177c7144]{width:100%;border-radius:20px;height:36px;background-color:#3c9cff;color:#fff;font-size:14px;justify-content:center;display:flex;align-items:center}