npm - xrk-components - Versions diffs - 0.1.0 → 0.3.2 - Mend

xrk-components 0.1.0 → 0.3.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 (38) hide show

package/.babelrc +2 -11
package/lib/index.css +18560 -0
package/lib/index.esm.js +2958 -0
package/lib/index.umd.js +2997 -0
package/package.json +47 -69
package/rollup.config.js +59 -0
package/tsconfig.json +24 -0
package/typings/shims-vue.d.ts +6 -0
package/.editorconfig +0 -9
package/.eslintrc.js +0 -40
package/.prettierrc.js +0 -16
package/debug.log +0 -1
package/dist/bundler.js +0 -7
package/dist/bundler.js.map +0 -1
package/index.html +0 -19
package/src/App.vue +0 -134
package/src/lib/index.js +0 -27
package/src/main.js +0 -25
package/src/packages/dialog/index.js +0 -32
package/src/packages/dialog/src/main.vue +0 -197
package/src/packages/slide-verify/index.js +0 -12
package/src/packages/slide-verify/src/main.vue +0 -479
package/src/packages/slide-verify/src/static/close.png +0 -0
package/src/packages/slide-verify/src/static/placeholder.png +0 -0
package/src/packages/slide-verify/src/static/range_btn.png +0 -0
package/src/packages/slide-verify/src/static/refresh.png +0 -0
package/src/packages/task-detail/index.js +0 -12
package/src/packages/task-detail/src/components/formDetail.vue +0 -79
package/src/packages/task-detail/src/components/mixin.js +0 -105
package/src/packages/task-detail/src/components/styles/index.scss +0 -162
package/src/packages/task-detail/src/components/surveyDetail.vue +0 -337
package/src/packages/task-detail/src/config/fields.js +0 -655
package/src/packages/task-detail/src/config/index.js +0 -34
package/src/packages/task-detail/src/main.vue +0 -108
package/src/packages/task-detail/src/static/fieldsMap.js +0 -274
package/src/packages/task-detail/src/test/testData.js +0 -743
package/src/packages/task-detail/src/tools/index.js +0 -290
package/webpack.config.js +0 -93

package/index.html DELETED Viewed

@@ -1,19 +0,0 @@
-<!--
- * @Description:
- * @LastEditors: wjx
- * @Date: 2021-01-28 23:29:19
--->
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="x-ua-compatible" content="ie=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
-    <meta name="format-detection" content="telephone=no, email=no" />
-    <title>xrk</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script src="./dist/bundler.js"></script>
-  </body>
-</html>

package/src/App.vue DELETED Viewed

@@ -1,134 +0,0 @@
-<!--
- * @Description:
- * @LastEditors: jml
- * @Date: 2021-01-28 23:29:19
--->
-<template>
-  <ul class="pervie">
-    <li name="任务记录">
-      <h1>任务记录</h1>
-      <TaskDetail :config="taskDetailOptions"></TaskDetail>
-    </li>
-    <li name="滑动组件">
-      <h1>滑动组件</h1>
-      <div style="padding:300px 0 30px 100px;width:350px;" class="block">
-        <input type="text" v-model="form.phone" />
-        <button @click="showVerify">submit</button>
-        <XrkSlideVerify
-          ref="verify"
-          title="12"
-          :options="options"
-        ></XrkSlideVerify>
-      </div>
-    </li>
-  </ul>
-</template>
-<script>
-import Mock from 'mockjs';
-import taskDetailTestData from './packages/task-detail/src/test/testData';
-const API = {
-  // 滑动组件相关接口
-  initImages: () => {
-    return new Promise(resolve => {
-      setTimeout(() => {
-        resolve({
-          data: {
-            data: {
-              shadeImage: Mock.Handler.gen('@dataImage("280x171")'),
-              cutoutImage: Mock.Handler.gen('@dataImage("55x55","gap")'),
-              y: Mock.Handler.gen('@integer(10,100)'),
-              shadeImageWeight: 280,
-              shadeImageHeight: 171,
-              cutoutImageWeight: 65, //小滑块宽
-              cutoutImageHeight: 65 //小滑块高
-            }
-          }
-        });
-      }, 800);
-    });
-  },
-  checkVerification: () => {
-    console.log('服务器：收到验证请求');
-    return new Promise((resolve, reject) => {
-      Math.random() > 0.5
-        ? resolve(() => {
-            setTimeout(() => {
-              resolve({
-                data: {}
-              });
-            }, 800);
-          })
-        : reject();
-    });
-  },
-  // 任务记录组件相关接口
-  getTaskDetail: () => {
-    return new Promise((resolve, reject) => {
-      Math.random() > 0.5
-        ? resolve(() => {
-            setTimeout(() => {
-              resolve({
-                data: {}
-              });
-            }, 800);
-          })
-        : reject();
-    });
-  }
-};
-const projectType = 5;
-export default {
-  name: 'App',
-  data() {
-    return {
-      form: {
-        phone: ''
-      },
-      options: {
-        remoteApi: {
-          // 获取图片，拼图Y轴
-          initImages: API.initImages,
-          // 验证接口 {x:'',y:''}
-          checkVerification: position => {
-            return API.checkVerification({ ...this.form, ...position });
-          }
-        },
-        errorText: '请控制拼图块对齐缺口',
-        successText: '验证成功'
-      },
-      taskDetailOptions: {
-        remoteApi: {
-          getTaskDetail: API.getTaskDetail // 获取详情接口
-        },
-        insertFields: [],
-        hideFieldsKeys: [],
-        customFieldsMap: {},
-        initTaskDetail: taskDetailTestData[projectType], // 默认详情
-        projectStructureType: 1, // 税筹结构
-        projectId: 1, // 项目ID
-        projectType: projectType // 项目类型
-      }
-    };
-  },
-  components: {},
-  watch: {},
-  computed: {},
-  methods: {
-    showVerify() {
-      this.$refs['verify'].visible = true;
-    }
-  },
-  created() {},
-  beforeDestroy() {}
-};
-</script>
-<style>
-.block {
-  box-sizing: border-box;
-  border-radius: 8px;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-}
-</style>

package/src/lib/index.js DELETED Viewed

@@ -1,27 +0,0 @@
-/*
- * @Description:
- * @LastEditors: jml
- * @Date: 2021-01-28 23:29:19
- */
-import SlideVerify from '../packages/slide-verify/index.js'; // 滑动验证组件
-import TaskDetail from '../packages/task-detail/index.js'; // 任务记录组件
-import Dialog from '../packages/dialog/index.js'; // 弹窗组件
-const components = [SlideVerify, TaskDetail, Dialog];
-const install = function(Vue) {
-  components.forEach(component => {
-    Vue.component(component.name, component);
-  });
-};
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-export default {
-  install,
-  TaskDetail,
-  SlideVerify,
-  Dialog
-};

package/src/main.js DELETED Viewed

@@ -1,25 +0,0 @@
-/*
- * @Description:
- * @LastEditors: jml
- * @Date: 2021-01-28 23:29:19
- */
-import Vue from 'vue';
-import App from './App';
-import Xrk from './lib/index.js';
-Vue.config.productionTip = false;
-Vue.use(Xrk);
-// 图片预览插件
-import preview from 'vue-photo-preview';
-import 'vue-photo-preview/dist/skin.css';
-Vue.use(preview, {
-  fullscreenEl: false,
-  bgOpacity: 0.8
-});
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  render: h => h(App)
-});

package/src/packages/dialog/index.js DELETED Viewed

@@ -1,32 +0,0 @@
-/*
- * @Description:
- * @Author: jml
- * @Date: 2021-02-26 15:38:03
- * @LastEditors: jml
- * @LastEditTime: 2021-03-02 19:27:29
- */
-import Dialog from './src/main';
-import Vue from 'vue';
-/**
- * 创建弹窗
- * @param {*} props
- */
-export const createDialog = (props = {}) => {
-  const dialogInstance = new Vue({
-    el: document.createElement('div'),
-    render(h) {
-      return h(Dialog, {
-        props
-      });
-    }
-  });
-  document.body.appendChild(dialogInstance.$el);
-};
-Dialog.install = function(Vue) {
-  Vue.component(Dialog.name, Dialog);
-};
-export default Dialog;

package/src/packages/dialog/src/main.vue DELETED Viewed

@@ -1,197 +0,0 @@
-<!--
- * @Description:
- * @Author: jml
- * @Date: 2021-02-26 15:38:10
- * @LastEditors: jml
- * @LastEditTime: 2021-03-03 11:23:56
--->
-<template>
-  <div class="dialog">
-    <div class="content">
-      <div class="title">{{ title }}</div>
-      <div class="close" @click="close"></div>
-      <div class="wrap">
-        <CustomRender :vnode="content"></CustomRender>
-      </div>
-      <div class="btn-group" v-if="!hideCancel || !hideConfirm">
-        <div class="btn cancel" @click="btnClick('cancel')" v-if="!hideCancel">{{ cancelText }}</div>
-        <div class="btn confirm" @click="btnClick('confirm')" v-if="!hideConfirm">{{ confirmText }}</div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-let bodyOldStyle = '';
-import { check } from '../../task-detail/src/tools/index';
-export default {
-  name: 'Dialog',
-  props: {
-    title: String,
-    content: {
-      /* eslint-disable */
-      type: String | Number | Object,
-      default: ''
-    },
-    cancelText: {
-      type: String,
-      default: '取消'
-    },
-    hideCancel: {
-      type: Boolean,
-      default: false
-    },
-    confirmText: {
-      type: String,
-      default: '确定'
-    },
-    hideConfirm: {
-      type: Boolean,
-      default: false
-    },
-    success: Function,
-    closeBefore: Function
-  },
-  components: {
-    CustomRender: {
-      props: {
-        vnode: {
-          type: Object | String
-        }
-      },
-      render(h) {
-        if (check.isObject(this.vnode)) {
-          return this.vnode;
-        } else {
-          return h('span', this.vnode);
-        }
-      }
-    }
-  },
-  methods: {
-    btnClick(type) {
-      const { success } = this;
-      if (check.isFunction(success)) {
-        success({
-          confirm: type === 'confirm',
-          dialog: this
-        });
-      }
-    },
-    close() {
-      const { closeBefore } = this;
-      if (check.isFunction(closeBefore)) {
-        closeBefore();
-      }
-      document.body.removeChild(this.$el);
-      this.$destroy();
-    }
-  },
-  created() {
-    bodyOldStyle = document.body.style;
-    document.body.style = `overflow:hidden;${bodyOldStyle}`;
-  },
-  destroyed() {
-    document.body.style = bodyOldStyle;
-  }
-};
-</script>
-<style lang="scss" scoped>
-.dialog {
-  line-height: 1.2;
-  padding: 0;
-  margin: 0;
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba($color: #000000, $alpha: 0.7);
-  & > .content {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    background-color: #fff;
-    border-radius: 8px;
-    padding-bottom: 20px;
-    & > .title {
-      padding: 20px 20px;
-      font-size: 18px;
-      text-align: center;
-      color: #333;
-      position: relative;
-      z-index: 1;
-      cursor: default;
-    }
-    & > .close {
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      right: 10px;
-      top: 10px;
-      z-index: 2;
-      cursor: pointer;
-      &:hover {
-        &::after,
-        &::before {
-          background-color: rgba($color: #666, $alpha: 0.7);
-        }
-      }
-      &::before,
-      &::after {
-        content: '';
-        width: 20px;
-        height: 1px;
-        background-color: #666;
-        position: absolute;
-        top: 10px;
-        transform: rotate(45deg);
-      }
-      &::after {
-        transform: rotate(135deg);
-      }
-    }
-    & > .wrap {
-      line-height: 1.5;
-      padding: 0 20px;
-      max-height: 65vh;
-      overflow-y: auto;
-    }
-    & > .btn-group {
-      padding: 15px 20px 0 20px;
-      text-align: center;
-      & > .btn {
-        display: inline-block;
-        width: 85px;
-        height: 40px;
-        line-height: 40px;
-        font-size: 14px;
-        border-radius: 4px;
-        cursor: pointer;
-        transition: all 0.3s;
-        & + .btn {
-          margin-left: 20px;
-        }
-        &.cancel {
-          border: 1px solid #dcdfe6;
-          color: #606266;
-          &:hover {
-            color: #409eff;
-            border-color: #c6e2ff;
-            background-color: #ecf5ff;
-          }
-        }
-        &.confirm {
-          background-color: #409eff;
-          color: #fff;
-          &:hover {
-            background-color: rgba($color: #409eff, $alpha: 0.7);
-          }
-        }
-      }
-    }
-  }
-}
-</style>

package/src/packages/slide-verify/index.js DELETED Viewed

@@ -1,12 +0,0 @@
-/*
- * @Description:
- * @LastEditors: wjx
- * @Date: 2021-01-29 00:40:03
- */
-import SlideVerify from './src/main';
-SlideVerify.install = function(Vue) {
-  Vue.component(SlideVerify.name, SlideVerify);
-};
-export default SlideVerify;