cbvirtua 1.0.26 → 1.0.28

package/Autocomplete.vue.txt

@@ -1,603 +0,0 @@
-<template>
-  <div class="autocomplete">
-    <div class="autocomplete__box" :class="{'autocomplete__searching' : showResults}">
-
-      <img v-if="!isLoading" class="autocomplete__icon" src="../assets/search.svg">
-      <img v-else class="autocomplete__icon animate-spin" src="../assets/loading.svg">
-
-      <div class="autocomplete__inputs">
-        <input
-          v-model="display"
-          :placeholder="placeholder"
-          :disabled="disableInput"
-          :maxlength="maxlength"
-          :class="inputClass"
-          @click="search"
-          @input="search"
-          @keydown.enter="enter"
-          @keydown.tab="close"
-          @keydown.up="up"
-          @keydown.down="down"
-          @keydown.esc="close"
-          @focus="focus"
-          @blur="blur"
-          type="text"
-          autocomplete="off">
-        <input :name="name" type="hidden" :value="value">
-      </div>
-
-      <!-- clearButtonIcon -->
-      <span v-show="!disableInput && !isEmpty && !isLoading && !hasError" class="autocomplete__icon autocomplete--clear" @click="clear">
-        <span v-if="clearButtonIcon" :class="clearButtonIcon"></span>
-        <img v-else src="../assets/close.svg">
-      </span>
-    </div>
-
-    <ul v-show="showResults" class="autocomplete__results" :style="listStyle">
-      <slot name="results">
-        <!-- error -->
-        <li v-if="hasError" class="autocomplete__results__item autocomplete__results__item--error">{{ error }}</li>
-
-        <!-- results -->
-        <template v-if="!hasError">
-          <slot name="firstResult"></slot>
-          <li
-              v-for="(result, key) in results"
-              :key="key"
-              @click.prevent="select(result)"
-              class="autocomplete__results__item"
-              :class="{'autocomplete__selected' : isSelected(key) }"
-              v-html="formatDisplay(result)">
-          </li>
-          <slot name="lastResult"></slot>
-        </template>
-
-        <!-- no results -->
-        <li v-if="noResultMessage" class="autocomplete__results__item autocomplete__no-results">
-          <slot name="noResults">No Results.</slot>
-        </li>
-      </slot>
-    </ul>
-  </div>
-</template>
-
-<script type="text/babel">
-import debounce from 'lodash/debounce'
-export default {
-  props: {
-    /**
-     * Data source for the results
-     *   `String` is a url, typed input will be appended
-     *   `Function` received typed input, and must return a string; to be used as a url
-     *   `Array` and `Object` (see `results-property`) are used directly
-     */
-    source: {
-      type: [String, Function, Array, Object],
-      required: true
-    },
-    /**
-     * http method
-     */
-    method: {
-      type: String,
-      default: 'get'
-    },
-    /**
-     * Input placeholder
-     */
-    placeholder: {
-      default: 'Search'
-    },
-    /**
-     * Preset starting value
-     */
-    initialValue: {
-      type: [String, Number]
-    },
-    /**
-     * Preset starting display value
-     */
-    initialDisplay: {
-      type: String
-    },
-    /**
-     * CSS class for the surrounding input div
-     */
-    inputClass: {
-      type: [String, Object]
-    },
-    /**
-     * To disable the input
-     */
-    disableInput: {
-      type: Boolean
-    },
-    /**
-     * name property of the input holding the selected value
-     */
-    name: {
-      type: String
-    },
-    /**
-     * api - property of results array
-     */
-    resultsProperty: {
-      type: String
-    },
-    /**
-     * Results property used as the value
-     */
-    resultsValue: {
-      type: String,
-      default: 'id'
-    },
-    /**
-     * Results property used as the display
-     */
-    resultsDisplay: {
-      type: [String, Function],
-      default: 'name'
-    },
-
-    /**
-     * Callback to format the server data
-     */
-    resultsFormatter: {
-      type: Function
-    },
-
-    /**
-     * Whether to show the no results message
-     */
-    showNoResults: {
-      type: Boolean,
-      default: true
-    },
-
-    /**
-     * Additional request headers
-     */
-    requestHeaders: {
-      type: Object
-    },
-
-    /**
-     * Credentials: same-origin, include, *omit
-     */
-    credentials: {
-      type: String
-    },
-
-    /**
-     * Optional clear button icon class
-     */
-    clearButtonIcon: {
-      type: String
-    },
-
-    /**
-     * Optional max input length
-     */
-    maxlength: {
-      type: Number
-    }
-  },
-  data () {
-    return {
-      value: null,
-      display: null,
-      results: null,
-      selectedIndex: null,
-      loading: false,
-      isFocussed: false,
-      error: null,
-      selectedId: null,
-      selectedDisplay: null,
-      eventListener: false
-    }
-  },
-  computed: {
-    showResults () {
-      return Array.isArray(this.results) || this.hasError
-    },
-    noResults () {
-      return Array.isArray(this.results) && this.results.length === 0
-    },
-    noResultMessage () {
-      return this.noResults &&
-        !this.isLoading &&
-        this.isFocussed &&
-        !this.hasError &&
-        this.showNoResults
-    },
-    isEmpty () {
-      return !this.display
-    },
-    isLoading () {
-      return this.loading === true
-    },
-    hasError () {
-      return this.error !== null
-    },
-    listStyle () {
-      if (this.isLoading) {
-        return {
-          color: '#ccc'
-        }
-      }
-    }
-  },
-  methods: {
-    /**
-     * Search wrapper method
-     */
-    search () {
-      this.selectedIndex = null
-      switch (true) {
-        case typeof this.source === 'string':
-          // No resource search with no input
-          if (!this.display || this.display.length < 1) {
-            return
-          }
-
-          return this.resourceSearch(this.source + this.display)
-        case typeof this.source === 'function':
-          // No resource search with no input
-          if (!this.display || this.display.length < 1) {
-            return
-          }
-          return this.resourceSearch(this.source(this.display))
-        case Array.isArray(this.source):
-          return this.arrayLikeSearch()
-        default:
-          throw new TypeError()
-      }
-    },
-
-    /**
-     * Debounce the typed search query before making http requests
-     * @param {String} url
-     */
-    resourceSearch: debounce(function (url) {
-      if (!this.display) {
-        this.results = []
-        return
-      }
-      this.loading = true
-      this.setEventListener()
-      this.request(url)
-    }, 200),
-
-    /**
-     * Make an http request for results
-     * @param {String} url
-     */
-    request (url) {
-      let promise = fetch(url, {
-        method: this.method,
-        credentials: this.getCredentials(),
-        headers: this.getHeaders()
-      })
-
-      return promise
-        .then(response => {
-          if (response.ok) {
-            this.error = null
-            return response.json()
-          }
-          throw new Error('Network response was not ok.')
-        })
-        .then(response => {
-          this.results = this.setResults(response)
-          this.emitRequestResultEvent()
-          this.loading = false
-        })
-        .catch(error => {
-          this.error = error.message
-          this.loading = false
-        })
-    },
-
-    /**
-     * Set some default headers and apply user supplied headers
-     */
-    getHeaders () {
-      const headers = {
-        'Accept': 'application/json, text/plain, */*'
-      }
-      if (this.requestHeaders) {
-        for (var prop in this.requestHeaders) {
-          headers[prop] = this.requestHeaders[prop]
-        }
-      }
-      return new Headers(headers)
-    },
-
-    /**
-     * Set default credentials and apply user supplied value
-     */
-    getCredentials () {
-      let credentials = 'same-origin'
-      if (this.credentials) {
-        credentials = this.credentials
-      }
-      return credentials
-    },
-
-    /**
-     * Set results property from api response
-     * @param {Object|Array} response
-     * @return {Array}
-     */
-    setResults (response) {
-      if (this.resultsFormatter) {
-        return this.resultsFormatter(response)
-      }
-      if (this.resultsProperty && response[this.resultsProperty]) {
-        return response[this.resultsProperty]
-      }
-      if (Array.isArray(response)) {
-        return response
-      }
-      return []
-    },
-
-    /**
-     * Emit an event based on the request results
-     */
-    emitRequestResultEvent () {
-      if (this.results.length === 0) {
-        this.$emit('noResults', {query: this.display})
-      } else {
-        this.$emit('results', {results: this.results})
-      }
-    },
-
-    /**
-     * Search in results passed via an array
-     */
-    arrayLikeSearch () {
-      this.setEventListener()
-      if (!this.display) {
-        this.results = this.source
-        this.$emit('results', {results: this.results})
-        this.loading = false
-        return true
-      }
-      this.results = this.source.filter((item) => {
-        return this.formatDisplay(item).toLowerCase().includes(this.display.toLowerCase())
-      })
-      this.$emit('results', {results: this.results})
-      this.loading = false
-    },
-
-    /**
-     * Select a result
-     * @param {Object}
-     */
-    select (obj) {
-      if (!obj) {
-        return
-      }
-      this.value = (this.resultsValue && obj[this.resultsValue]) ? obj[this.resultsValue] : obj.id
-      this.display = this.formatDisplay(obj)
-      this.selectedDisplay = this.display
-      this.$emit('selected', {
-        value: this.value,
-        display: this.display,
-        selectedObject: obj
-      })
-      this.$emit('input', this.value)
-      this.close()
-    },
-
-    /**
-     * @param  {Object} obj
-     * @return {String}
-     */
-    formatDisplay (obj) {
-      switch (typeof this.resultsDisplay) {
-        case 'function':
-          return this.resultsDisplay(obj)
-        case 'string':
-          if (!obj[this.resultsDisplay]) {
-            throw new Error(`"${this.resultsDisplay}" property expected on result but is not defined.`)
-          }
-          return obj[this.resultsDisplay]
-        default:
-          throw new TypeError()
-      }
-    },
-
-    /**
-     * Register the component as focussed
-     */
-    focus () {
-      this.isFocussed = true
-    },
-
-    /**
-     * Remove the focussed value
-     */
-    blur () {
-      this.isFocussed = false
-    },
-
-    /**
-     * Is this item selected?
-     * @param {Object}
-     * @return {Boolean}
-     */
-    isSelected (key) {
-      return key === this.selectedIndex
-    },
-
-    /**
-     * Focus on the previous results item
-     */
-    up () {
-      if (this.selectedIndex === null) {
-        this.selectedIndex = this.results.length - 1
-        return
-      }
-      this.selectedIndex = (this.selectedIndex === 0) ? this.results.length - 1 : this.selectedIndex - 1
-    },
-
-    /**
-     * Focus on the next results item
-     */
-    down () {
-      if (this.selectedIndex === null) {
-        this.selectedIndex = 0
-        return
-      }
-      this.selectedIndex = (this.selectedIndex === this.results.length - 1) ? 0 : this.selectedIndex + 1
-    },
-
-    /**
-     * Select an item via the keyboard
-     */
-    enter () {
-      if (this.selectedIndex === null) {
-        this.$emit('nothingSelected', this.display)
-        return
-      }
-      this.select(this.results[this.selectedIndex])
-      this.$emit('enter', this.display)
-    },
-
-    /**
-     * Clear all values, results and errors
-     */
-    clear () {
-      this.display = null
-      this.value = null
-      this.results = null
-      this.error = null
-      this.$emit('clear')
-    },
-
-    /**
-     * Close the results list. If nothing was selected clear the search
-     */
-    close () {
-      if (!this.value || !this.selectedDisplay) {
-        this.clear()
-      }
-      if (this.selectedDisplay !== this.display && this.value) {
-        this.display = this.selectedDisplay
-      }
-
-      this.results = null
-      this.error = null
-      this.removeEventListener()
-      this.$emit('close')
-    },
-
-    /**
-     * Add event listener for clicks outside the results
-     */
-    setEventListener () {
-      if (this.eventListener) {
-        return false
-      }
-      this.eventListener = true
-      document.addEventListener('click', this.clickOutsideListener, true)
-      return true
-    },
-
-    /**
-     * Remove the click event listener
-     */
-    removeEventListener () {
-      this.eventListener = false
-      document.removeEventListener('click', this.clickOutsideListener, true)
-    },
-
-    /**
-     * Method invoked by the event listener
-     */
-    clickOutsideListener (event) {
-      if (this.$el && !this.$el.contains(event.target)) {
-        this.close()
-      }
-    }
-  },
-  mounted () {
-    this.value = this.initialValue
-    this.display = this.initialDisplay
-    this.selectedDisplay = this.initialDisplay
-  }
-}
-</script>
-
-<style lang="stylus">
-.autocomplete
-  position relative
-  width 100%
-  *
-    box-sizing border-box
-
-.autocomplete__box
-  display flex
-  align-items center
-  background #fff
-  border: 1px solid #ccc
-  border-radius 3px
-  padding 0 5px
-
-.autocomplete__searching
-  border-radius 3px 3px 0 0
-
-.autocomplete__inputs
-  flex-grow 1
-  padding 0 5px
-  input
-    width 100%
-    border 0
-    &:focus
-      outline none
-
-.autocomplete--clear
-  cursor pointer
-
-.autocomplete__results
-  margin 0
-  padding 0
-  list-style-type none
-  z-index 1000
-  position absolute
-  max-height 400px
-  overflow-y auto
-  background white
-  width 100%
-  border 1px solid #ccc
-  border-top 0
-  color black
-
-.autocomplete__results__item--error
-  color red
-
-.autocomplete__results__item
-  padding 7px 10px
-  cursor pointer
-  &:hover
-    background rgba(0, 180, 255, 0.075)
-  &.autocomplete__selected
-    background rgba(0, 180, 255, 0.15)
-
-.autocomplete__icon
-  height 14px
-  width 14px
-
-.animate-spin
-  animation spin 2s infinite linear
-
-@keyframes spin
-  from
-    transform rotate(0deg)
-  to
-    transform rotate(360deg)
-
-
-</style>

package/md.txt

@@ -1,24 +0,0 @@
-export default class CustomFormatter {
-  constructor (options = {}) {
-    this._locale = options.locale || 'en-US'
-    this._formatter = new MessageFormat(this._locale)
-    this._caches = Object.create(null)
-  }
-
-  interpolate (message, values) {
-    let fn = this._caches[message]
-    if (!fn) {
-      fn = this._formatter.compile(message, this._locale)
-      this._caches[message] = fn
-    }
-    return [fn(values)]
-  }
-}
-
-// 在 Vue 的原型中挂载 $t 方法，这是我们为什么能够直接在模板中使用的原因
-// 把 VueI18n 对象实例的方法都注入到 Vue 实例上
-Vue.prototype.$t = function (key: Path, ...values: any): TranslateResult {
-  const i18n = this.$i18n
-  // 代理模式的使用
-  return i18n._t(key, i18n.locale, i18n._getMessages(), this, ...values)
-}

package/py/cn.js

@@ -1,28 +0,0 @@
-const dict = require('./dict-cn.json');
-const decode = require('./decode');
-const Engine = require('./engine');
-
-const DICT = decode(dict);
-
-/**
- * 拼音查询引擎
- * @param	{[string]|[Object]}	 data         数据
- * @param	{?string|[string]}   indexs       如果 data 为 [Object]，这里需要建立拼音索引 key
- * @param   {?boolean|[boolean]}  begin       如果 begin 为 true，从开始字符匹配
- */
-class PinyinEngine extends Engine {
-    constructor(data, indexs, begin) {
-        super(data, indexs, DICT, (begin && '$'));
-    }
-
-    /**
-     * 将内容进行分词
-     * @param	{string}		  words        目标字符串
-     * @return	{string}
-     */
-    static participle(keyword) {
-        return Engine.participle(keyword, DICT);
-    }
-}
-
-module.exports = PinyinEngine;

package/py/decode.js

@@ -1,33 +0,0 @@
-module.exports = dict => {
-    const [word] = dict;
-    const keys = dict[1].split(',');
-    const map = {};
-
-    if (!dict.length) {
-        return map;
-    }
-
-    for (let i = 0, charCode = 0, len = word.length; i < len; i ++, charCode ++) {
-        const val = word[i];
-
-        // 处理偏移
-        if (val < 0) {
-            charCode -= val + 1;
-            continue;
-        }
-
-        const char = String.fromCharCode(charCode);
-
-        if (typeof val === 'number') {
-            map[char] = [keys[val]];
-        } else {
-            map[char] = [];
-            for (let w = 0, l = val.length; w < l; w ++) {
-                map[char].push(keys[val[w]]);
-            }
-        }
-        
-    }
-
-    return map;
-};